J'ai une table simple avec un effet zébré :
$('table.zebra tbody tr:nth-child(odd)').addClass('darker');Mais je dois maintenant masquer/afficher certaines lignes. Mais lorsque je fais cela, ces rangées cachées continueront à compter et l'effet zébré ne fonctionne plus vraiment. Disons que les lignes 1 sont affichées, 2 sont cachées et 3 sont à nouveau affichées. Maintenant, les rangées 1 et 3 sont affichées l'une au-dessus de l'autre puisque la rangée 2 est cachée, mais elles ont toutes deux le fond plus sombre de l'écran darker puisqu'ils sont tous les deux bizarres.
J'ai essayé quelque chose comme ça :
$('table.zebra tbody tr:nth-child(odd):not(.hide)').addClass('darker');Mais il semble qu'il ne saute pas les lignes avec la classe hide lors du comptage, ce qui cause le même problème.
Existe-t-il une astuce pour ne compter que les lignes qui ne sont pas cachées et déterminer si ils sont impairs ou pairs ? De préférence en utilisant les sélecteurs jQuery plutôt qu'une fonction.
