Estoy tratando de resolver un problema al que me enfrento con JQuery sobre cada uno. Tengo una lista de elementos (clase .list) que necesito orientar y envolver en un div (clase .wrap). Funciona si la lista, pero cuando hay una segunda, el bucle envuelve dos veces la lista en el nuevo div.

La idea es que cada vez que haya una clase llamada list, el bucle envuelva esa clase específica en un div llamado wrap.

Aquí está el código

HTML

 <div class='parent'> <div class='child'> <div class='list'> <div>1</div> <div>2</div> <div>3</div> </div> </div> </div> <div class='parent'> <div class='child'> <div class='list'> <div>1</div> <div>2</div> <div>3</div> </div> </div> </div>

JQuery

 jQuery(".parent").each(function () { jQuery(".list").wrap("<div class='wrap'></div>"); });

Este es el resultado con el error. La lista de clases se ajusta dos veces, como puede ver en el siguiente ejemplo.

 <div class="parent"> <div class="child"> <div class="wrap"><div class="wrap"><div class="list"> <div>1</div> <div>2</div> <div>3</div> </div></div></div> </div> </div>

Y esto es lo que estoy tratando de lograr.

 <div class="parent"> <div class="child"> <div class="wrap"> <div class="list"> <div>1</div> <div>2</div> <div>3</div> </div> </div> </div> </div>

¡Gracias de antemano!