clase raya para div
-
09-10-2019 - |
Pregunta
Tengo una larga lista de múltiples div ... digamos 20 div
Todo envoltura en otro ..
<div id="main">
<div class="xyz"> text text </div>
<div class="xyz"> text text </div>
<div class="xyz"> text text </div>
<div class="xyz"> text text </div>
<div class="xyz"> text text </div>
.... etc
</div>
me gusta agregar la clase "gris" en uno de cada dos div y que sea de la cebra! jQuery por favor!
Solución
$('.xyz:odd').addClass('grey');
Do cuenta que 'gris' no es un nombre de clase semántica. Mejor llama id 'extraña' o 'cebra' o algo así. Si desea tomar una decisión y cambiar el color azul extraño para su nombre de clase sería verdadera extraño: P
Otros consejos
jQuery hace que sea casi tan fácil como puede ser:
$('#main>div.xyz:even').addClass('grey');
Si no se preocupan por las versiones antiguas de IE, se puede hacer esto con CSS solo:
.xyz:nth-child(odd) {
background-color: ...;
}
.xyz:nth-child(even) {
background-color: ...;
}
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow