Ho questo banale problema in cui devo inserire dei div ( ciascsuno contenente altri elementi ) dentro un altro div.
La struttura HTML è la seguente:
Codice:
<div class="fuori">Qui ci sono altri sotto-elementi</div>
<div class="dentro">Qui ci sono altri sotto-elementi</div>
<div class="dentro">Qui ci sono altri sotto-elementi</div>
<div class="dentro">Qui ci sono altri sotto-elementi</div>
.
.
.
<div class="dentro">Qui ci sono altri sotto-elementi</div>
<div class="fuori">Qui ci sono altri sotto-elementi</div>
I puntini stanno ad indicare che i div
dentro possono essere in numero variabile.
Ciò che voglio ottenere è il seguente:
Codice:
<div class="fuori">Qui ci sono altri sotto-elementi
<div class="dentro">Qui ci sono altri sotto-elementi</div>
<div class="dentro">Qui ci sono altri sotto-elementi</div>
<div class="dentro">Qui ci sono altri sotto-elementi</div>
.
.
.
<div class="dentro">Qui ci sono altri sotto-elementi</div>
</div>
Quello che ho provato a fare è il seguente:
Codice:
$("div.fuori").nextUntil("div.fuori").append($('div.dentro'));
Tuttavia non succede nulla e la console non da errori...