Maison >interface Web >js tutoriel >jQuery : problèmes liés à l'utilisation du sélecteur de premier enfant

jQuery : problèmes liés à l'utilisation du sélecteur de premier enfant

黄舟
黄舟original
2017-06-23 14:29:541265parcourir

Problèmes d'utilisation de :first-child dans jQuery

<ul>
<li>Test1<li>
<li>aaaaa<li>
<li>bbbbb<li>
</ul>

<ul>
<li>Test2<li>
<li>ccccc<li>
<li>ddddd<li>
</ul>

Vous pouvez utiliser first-child pour supprimer le dc4cf6ee1255c44d4b420403e549522d Pour les éléments li>, utiliser first ne fonctionnera pas. clair?

Dans le sélecteur de filtre d'élément enfant de jQuery, vous devez faire attention à l'utilisation de :first-child. L'exemple dans le document est utilisé comme ceci :

$("ul li:first-child").addClass("highlight");
<.>

La fonction qu'il implémente est d'obtenir le premier élément li sous tous les uls, ce qui est différent de :first.

$("ul li:first").addClass("highlight");

 : first n'obtient que le premier li dans un ul, à condition qu'il y ait 2 listes ul dans la page.

Pour :

$("ul li:first-child").addClass("highlight");
Vous pouvez utiliser une autre façon d'écrire, avec le même effet. Bien sûr, je pense que cette dernière est plus facile à comprendre, car elle sélectionne la première. child under ul Element :

$("ul :first-child").addClass("highlight");
Vous devez faire attention aux espaces dans les exemples ci-dessus.



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