utilisant jquery comme une alternative à PRs nième enfant

Question

J'utilise le css suivant pour créer des éléments de liste avec un fond chckerboard (tous les autres éléments de la liste a un arrière-plan gris, ce qui déplace chaque rangée pour créer un motif en damier:

li:nth-child(8n+2), li:nth-child(8n+4), li:nth-child(8n+5), li:nth-child(8n+7) { 
    background-color:grey; 
} 

est-il possible que je peux le faire en utilisant jquery qui est plus favorable que CSS3 Merci

Answer 1

réponse courte: oui

il suffit d'utiliser comme un sélecteur dans un document.ready et ça va! travail cross-browser, comme ceci:

$(function() { 
    $("li:nth-child(8n+2), li:nth-child(8n+4), li:nth-child(8n+5), li:nth-child(8n+7)") 
    .css('background-color','grey'); 
}); 

Note: ce court sur les éléments présents quand il est exécuté, si vous dynamiquement l'ajout/suppression d'éléments, il suffit d'appeler le même sélecteur/.css() alors. Je recommanderais une classe dans ce cas, donc au lieu de .css('background-color','grey'), vous auriez .addClass('myClass')