1

Hola necesito añadir un atributo clase diferente para cada etiqueta a dentro de un li pero no se como hacerlo. Me podéis ayudar sería con jquery

3
  • 2
    Pon el código que tienes para ver como lo hacemos. Commented el 14 may. 2018 a las 7:46
  • 4
    Posible duplicado de Crear elementos del DOM con jQuery Commented el 14 may. 2018 a las 13:45
  • @PabloLozano No es exactamente un duplicado ya que aunque en el título habla de agregar elementos lo que el OP pide en realidad es agregar un atributo a un elemento
    – user7176
    Commented el 15 may. 2018 a las 6:25

3 respuestas 3

0

trás el append que genera los li

li.setAttribute("class", "nombredelaclase");
1
  • Esto realmente no responde a la pregunta porque pondría la misma clase en el li, pero en la pregunta se menciona que busca poner una clase diferente en los elementos de dentro del li. No todas las preguntas se pueden o se deben contestar. Ahórrate un poco de frustración y evita responder a preguntas que son inciertas o deficientes en detalles específicos que puedan identificar el problema real. Lee Cómo responder para más información.
    – Alvaro Montoro
    Commented el 15 may. 2018 a las 16:15
0

Si lo que quieres es añadir una clase, pero la misma a todos los "a" dentro de "li" no hace falta hacer un bucle, puedes hacer simplemente

$("li a").addClass("laclase");
1
  • ¿Qué pasa si algunos li tienen un a, otros un div y otros un span? ¿Y se debería incluir la clase sólo en los elementos que sea hijos directos o también en nietos y demás? No todas las preguntas se pueden o se deben contestar. Ahórrate un poco de frustración y evita responder a preguntas que son inciertas o deficientes en detalles específicos que puedan identificar el problema real. Lee Cómo responder para más información.
    – Alvaro Montoro
    Commented el 15 may. 2018 a las 16:17
0

Puedes hacerlo de esta manera utilizando jQuery. Toma en cuenta que tu array de classes debe ser del mismo tamaño que tu número de elementos li:

var classes = ['classone', 'classtwo', 'classthree'];
var i = 0;        
$('#milista').find('li').each(function(){
    let $element = $(this);
    $element.attr('class',classes[i]);
    i++;
});
.classone{
 color: red;
}
.classtwo{
 color: blue;
}
.classthree{
 color: yellow;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id = "milista">
    <li>Uno</li>
    <li>Dos</li>
    <li>Tres</li>
</ul>

1
  • Esto realmente no responde a la pregunta porque, aunque pondría diferentes clases, sería directamente en el li, pero en la pregunta se menciona que busca poner una clase diferente en los elementos de dentro del li. No todas las preguntas se pueden o se deben contestar. Ahórrate un poco de frustración y evita responder a preguntas que son inciertas o deficientes en detalles específicos que puedan identificar el problema real. Lee Cómo responder para más información.
    – Alvaro Montoro
    Commented el 15 may. 2018 a las 16:18

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.