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

黄舟
Libérer: 2017-06-23 14:29:54
original
1262 Les gens l'ont consulté

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

Vous pouvez utiliser first-child pour supprimer le < dans chaque

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

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

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

É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