Maison > interface Web > js tutoriel > le corps du texte

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

黄舟
Libérer: 2017-06-23 14:08:31
original
1872 Les gens l'ont consulté

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

jQuery(“。item:nth-child “).addClass(”fourth-item“);
Copier après la connexion

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”);
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal