Maison >interface Web >js tutoriel >jquery : résolution du problème du sélecteur de nième enfant

jquery : résolution du problème du sélecteur de nième enfant

黄舟
黄舟original
2017-06-23 14:08:311896parcourir

Je peux styliser chaque 4ème division « élément ».

jQuery(“。item:nth-child “).addClass(”fourth-item“);

et fonctionne bien, mais je cache certains éléments et en montre d'autres, avec ce style, mais seulement tous les 4 éléments sont visibles. J'ai donc une fonction qui supprimera ce style et le réappliquera, mais j'ai besoin que le style soit réappliqué, donc ce n'est que tous les quatre éléments visibles, pas tous les quatre projets. Je connais le sélecteur ":visible" mais je n'arrive pas à le lier correctement au nième sélecteur enfant , des idées ?

J'ai essayé diverses choses, en vain...

jQuery(“。item”)。removeClass(“fourth-item”); 
 jQuery(“。item:visible:nth-child(4n)”)。addClass(“fourth-item”);

Solution

 : le nième enfant scanne les enfants du parent, peu importe ce qu'ils sont. est le style de . Le :nth-child est relatif à l'élément parent, pas au sélecteur précédent. Ceci est expliqué dans la documentation jQeury : nth-child : nth-child(n), tous les enfants sont comptés indépendamment de ce qu'ils sont, et l'élément spécifié n'est compté que s'il est ajouté à Il est sélectionné uniquement lorsque le sélecteur du

pseudo-classe

matchs. Utilisez une méthode plus simple, chaque / p>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn