Maison  >  Article  >  interface Web  >  Explication détaillée de l'utilisation du sélecteur d'enfant jQuery parent> enfant

Explication détaillée de l'utilisation du sélecteur d'enfant jQuery parent> enfant

巴扎黑
巴扎黑original
2017-06-21 10:47:523710parcourir

le sélecteur parent > Remarque : La portée de recherche de l'enfant du sélecteur doit être les éléments descendants de "l'élément parent", à l'exclusion des "petits-enfants" et des éléments ultérieurs.

Si vous souhaitez effectuer une recherche parmi tous les éléments descendants, utilisez le

sélecteur descendant

(desc ancêtre

finant). Grammaire

> Les espaces des deux côtés du symbole peuvent être omis, mais il n'est pas recommandé de l'omettre, sinon les caractères pourraient être trop rapprochés pour affecter la lecture .

// 这里的parent表示具体的父辈选择器
// 这里的child表示具体的子辈选择器
jQuery( "parent > child" )
Paramètres

Paramètres                                                                                                                                                                                                                                         .

enfant                                                                                                                                                               ne peut être utilisé que pour faire correspondre les éléments enfants du sélecteur parent. L'objet jQuery de l'élément enfant de la condition.

Si aucun élément DOM correspondant au sélecteur parent n'est trouvé, ou si aucun élément enfant correspondant au sélecteur descendant n'est trouvé dans l'élément DOM correspondant au sélecteur parent, un objet jQuery vide est renvoyé.

Il peut y avoir plusieurs éléments DOM parents qui correspondent au sélecteur parent, et plusieurs éléments DOM enfants peuvent être trouvés dans un élément DOM parent. L'objet jQuery renvoyé encapsule tous les éléments DOM qui remplissent les conditions.

Exemple et description

Prenons le code HTML suivant comme exemple :

Maintenant, nous voulons trouver tous les sous-éléments span dans la balise p en un seul coup. time , vous pouvez écrire le code jQuery suivant :

Ensuite, si l'on recherche le sous-élément span de la balise span, vous pouvez écrire le code jQuery suivant :

Nous pouvons tout utiliser

Sélecteur d'éléments
<div id="n1">
    <p id="n2" class="test">
        <span id="n3" class="a">Hello</span>
    </p>
    <p id="n4" class="detail">
        <span id="n5" class="b codeplayer">World
            <span id="n6" class="c">365mini.com</span>
        </span>
    </p>
</div>
(*) est utilisé pour implémenter un sélecteur qui recherche uniquement les éléments descendants. Par exemple : Nous voulons retrouver les balises span des petits-enfants de l'élément d'identifiant n1. Le code jQuery correspondant est le suivant :

.

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