Estoy haciendo pruebas AB en Google Optimize. Necesito envolver div del número 5 al 10 pero no he podido hacerlo:
<div class="container active" data-order="1"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> <div>10</div> <button>11</button> <div>12</div> </div>Estoy usando este código para hacerlo, pero comienza a ajustarse desde el div número uno, pero quiero comenzar con el div número 5 hasta el 10
$('.gsw_cf.step.active > div:lt(#)').wrapAll('<div class="wrapped 5to10"/>');alguien sabe que debo agregar?
Gracias
Puedes usar jQuery's slice() ;
$('.active > div').slice(5,10).wrapAll('<div class="wrapped 5to10"/>'); $('.active > div').slice(5,10).wrapAll('<div class="wrapped 5to10"/>'); .wrapped{ background:red; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="container active" data-order="1"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> <div>10</div> <button>11</button> <div>12</div> </div>Encontré una solución que funciona donde uso esta función:
$('div[data-order="1"]').each(function(){ $(this).children(".input_wrapper.text").wrapAll("<div class='wrapper' />"); });Encontré esa solución en http://jsfiddle.net/QWHYK/ y Envolviendo conjuntos de elementos de una lista en DIV usando jQuery
También hay otra solución en Cómo envolver múltiples divs