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
-
2Pon el código que tienes para ver como lo hacemos.– Manuel Perez HerediaCommented el 14 may. 2018 a las 7:46
-
4Posible duplicado de Crear elementos del DOM con jQuery– Pablo LozanoCommented 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– user7176Commented el 15 may. 2018 a las 6:25
Añade un comentario
|
3 respuestas
trás el append que genera los li
li.setAttribute("class", "nombredelaclase");
-
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 delli
. 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
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");
-
¿Qué pasa si algunos
li
tienen una
, otros undiv
y otros unspan
? ¿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
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>
-
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 delli
. 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