¿Cómo puedo insertar div.one en su próximo div.two con jquery?
Lo que es:
<div id="list"> <div class="box one"></div> <div class="box two"></div> <div class="box one"></div> <div class="box two"></div> <div class="box one"></div> <div class="box two"></div> </div>Lo que quiero:
<div id="list"> <div class="box two"> <div class="box one"></div> </div> <div class="box two"> <div class="box one"></div> </div> <div class="box two"> <div class="box one"></div> </div> </div> Lo que probé (pero inserta todo div.one en cada div.two ):
$("#list .box.one").each(function() { $(this).prependTo(".box.two").next(); });¿Cuál es mi fallo?
estuviste cerca:
$("#list .box.one").each(function() { $(this).prependTo($(this).next()); }); el uso de la clase en la función preprendTo() , por supuesto, seleccionará todos los elementos .box.two , en cambio, al hacer $(this).next() , solo obtendremos el siguiente elemento hermano.
Esto debería hacer lo que quieras:
$("#list .box.one").each(function (index) { $(this).prependTo($("#list .box.two")[index]); });