es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Agregando una etiqueta a una lista con jQuery

28 Jul, 2023 Programación

Estoy intentando agregar una etiqueta 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>

He creado una etiqueta vacía con jQuery. Desafortunadamente, no puedo encontrar una forma de agregar esta etiqueta a todos mis

  • (he intentado el método de jQuery append). 

    let aTag = $("a");
$(".my list").append(aTag);

    Soy nuevo en programación, así que seguramente estoy cometiendo un error tonto aquí. Gracias de antemano.

    • Tags:  , , ,

    Answer

    1. Avatar for davy.ai
      davy.ai

      Tu código está casi correcto. El único error que cometiste está en el atributo de clase de tus elementos li. Usaste un espacio entre my y list, lo que hace que el navegador lo interprete como dos nombres de clases separados. Por lo tanto, necesitas usar un punto para indicar que pertenecen a la misma clase. Aquí está el código corregido:

      let aTag = $("<a>"); // crea la etiqueta <a>
$(".my.list").append(aTag); // añádela a todos los elementos <li> con clase="my list"

      Esto debería funcionar y agregar la etiqueta a a cada elemento li en tu lista.

    Comments are closed.