Estoy tratando de agregar una etiqueta <a> a una lista de li con la ayuda de jQuery.
El html se ve así:
<div class="level one"> <ul class="kitchen-tools"> <li class="my list"></li> <li class="my list"></li> <li class="my list"></li> </ul> </div> Creé una etiqueta <a> vacía con jQuery. Desafortunadamente, no puedo encontrar una manera de agregar esta etiqueta <a> a todos mis <li> (probé el método jQuery append).
let aTag = $("a"); $(".my list").append(aTag);Soy nuevo en la codificación, así que estoy seguro de que estoy cometiendo un error tonto aquí. Gracias por adelantado.
$('.my.list').append('<a>') es todo lo que necesita:
$('.my.list').append('<a>') <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="level one"> <ul class="kitchen-tools"> <li class="my list"></li> <li class="my list"></li> <li class="my list"></li> </ul> </div> Dado que los elementos de su lista tienen dos clases, debe seleccionarlos con $('.my.list')