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

Résumé de trois erreurs courantes lors de l'appel des parents jusqu'à Jquery

巴扎黑
Libérer: 2017-06-24 09:53:36
original
1022 Les gens l'ont consulté

La méthode parentsUntil() de Jquery est utilisée pour trouver les ancêtres de l'objet Jquery Il y a trois problèmes auxquels vous devez faire attention lors de l'utilisation. it :

1) parentsUntil renvoie un tableau, pas un seul objet

À ce sujet, notez simplement que ' parents' est un nombre pluriel. Indique qu'il renverra une série d'éléments ancêtres et que les éléments externes du tableau ont des indices plus grands.

2) Le tableau renvoyé par parentsUntil n'inclut pas les objets qui répondent aux conditions du paramètre de sélection

C'est un peu étrange et facilement trompeur.

3) Aucun des tableaux renvoyés par parentsUntil n'est un objet encapsulé par Jquery. Ils doivent être à nouveau encapsulés pour utiliser l'API fournie par Jquery<.>

C'est encore plus étrange. Même la documentation officielle ne l'explique pas, surtout lorsqu'un autre appel d'API parent() renvoie un objet Jquery, le type de retour de parentsUntil() est facilement trompeur.

Par exemple, si vous souhaitez obtenir le conteneur p le plus proche contenant un certain élément (id="xxx"),

n'est pas correctement écrit 1 :

var pparent = $("#xxx").parentsUntil("p"); //parentsUntil renvoie un tableau au lieu d'un seul élément

Ecriture incorrecte 2 :

var parents = $("#xxx").parentsUntil("p");

var pparent = parents[parents.length-1]; //Le tableau renvoyé par parentsUntil n'inclut pas les objets qui répondent aux conditions du paramètre de sélection

Faux méthode d'écriture 3 :

var parents = $("#xxx").parentsUntil("p");

var pparent = parents[parents.length- 1 ].parent(); //Aucun des tableaux renvoyés n'est un objet encapsulé par Jquery. Ils doivent être à nouveau encapsulés pour utiliser l'appel parent() fourni par Jquery.

Écriture correcte :

var parents = $("#xxx").parentsUntil();

var pparent = $(parents[parents.length-1]).parent();

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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!