Cada uno de mis divs tiene atributos de clase llamados remove , la first clase tiene el id: remove_item , luego la second remove_item_1 , la third remove_item_2 , etc.
Mi problema es que solo quiero clonar el primero con el id remove_item y eliminar todos los demás del clon.
Si hago clone.find('.remove'); Puedo reunir todos los elementos con la clase de eliminación, pero a partir de ahí estoy un poco perdido sobre cómo hacerlo.
¿Alguien podría ayudar?
Gracias.
Puede mantener el primer div agregando: primero.
clone.find('.remove:first');Creo que entendí lo que quieres decir
aquí hay un ejemplo de cómo elegir el primer elemento de un div clonado:
digamos que tienes
<ul id="list"> <div id="clone"> <li class="remove remove1">Remove 1 </li> <li class="remove remove2">Remove 2</li> <li class="remove remove3">Remove 3</li> </div> </ul>El script para clonar la lista y eliminar el primer hijo del clon es así:
<script> let clone = $('#clone').clone().appendTo('#list'); clone.children().first().remove(); </script>o puede seleccionar el primero por selección de clase como @Manashree Shah mencionó así:
clone.find('.remove:first');El código usa jQuery, puede agregar esto antes del script si aún no lo ha agregado:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>