Explication détaillée de l'utilisation du sélecteur d'enfant jQuery parent> enfant-js tutoriel-php.cn

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

巴扎黑

Libérer： 2017-06-21 10:47:52

original

3739 Les gens l'ont consulté

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" )

Copier après la connexion

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>

Copier après la connexion

(*) 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!