Luchando con este por un tiempo. Mi marcado simplificado:Inserta un nuevo DIV entre dos DIV que tienen la misma clase y son hermanos inmediatos
<div class=row>
<div class="somediv"></div>
<div class="somediv2"></div>
<div class="elem"></div>
<div class="elem"></div>
<div class="somediv3"></div>
<div class="somediv4"></div>
<div class=row>
....
Tengo que encontrar una manera de seleccionar todos los DIVs en documento listo que: 1. tiene una clase: elem 2. su próximo DIV también tiene el nombre de clase: elem. Entonces tengo que insertar un nuevo DIV entre ellos:
<div class=row>
<div class="somediv2"></div>
<div class="elem"></div>
<div class="new"></div>
<div class="elem"></div>
<div class="somediv3"></div>
<div class="somediv4"></div>
<div class=row> // and it goes...
$(document).ready(function() {
if($('.elem').next().hasClass('.elem')) {
$('<div class="new"></div>').appendTo().prev('.elem');
} else {
});
});
bien - me gusta su respuesta mejor que la mía! http://jsfiddle.net/mrtsherman/kvg8N/1/ – mrtsherman
Gracias por los violines. Olvidé mencionar (lo siento) que el html es generado por javascript. Sus códigos están funcionando y es simplemente para entender en una página normal, pero creo que debido al contenido generado esto no funciona para mí. Cuando uso el evento click, simplemente agrego live() a la función, ¿cómo puedo hacer algo similar en este caso? – elbatron
Está funcionando si lo conecto a un evento de clic en el entorno mencionado anteriormente. – elbatron