Différence entre les fonctions de jQuery parent() et closest()

Question

J’ai été en utilisant jQuery pendant un certain temps. J’ai voulu utiliser la sélecteur. Je suis venu aussi avec le sélecteur. Pas pu trouver aucune différence entre eux. Y at-il tout ? Si oui, quoi ?

Answer 1

à partir de http://api.jquery.com/closest/

L' .les parents() et .la plus proche() les méthodes sont similaires en ce qu'ils parcourez l'arborescence DOM. Les différences entre les deux, si subtiles, sont significatifs:

.plus proche (le)

• Commence avec l'élément courant
• Se déplace jusqu'à l'arbre du DOM jusqu'à ce qu'il trouve une correspondance pour la fourni sélecteur
• Le retour de l'objet jQuery contient zéro ou un élément

.les parents()

• Commence avec l'élément parent
• Se déplace jusqu'à l'arbre du DOM du document de l'élément racine, l'ajout de chaque ancêtre de l'élément temporaire de la collection; puis, il les filtres collection basée sur un sélecteur si l'un est fourni
• Le retour de l'objet jQuery contient zéro, un ou plusieurs éléments

.parent()

• Étant donné un objet jQuery qui représente un ensemble d'éléments DOM, l' .parent() méthode nous permet de rechercher à travers les parents de ces éléments dans l'arborescence du DOM et de construire un nouvel objet jQuery à partir de la les éléments correspondants.

Remarque: La .les parents() et .parent() les méthodes sont similaires, sauf que le ce dernier ne parcourent qu'un seul niveau de l'arborescence DOM. Aussi, $("html").méthode parent() renvoie un ensemble contenant le document alors que $("html").les parents() retourne un ensemble vide.

Ici sont liées threads:

• Quelle est la différence entre les deux .la plus proche() et .les parents('selector')?

• http://stackoverflow.com/a/2200805/149206

Answer 2

la plus proche() sélectionne le premier élément qui correspond au sélecteur, à partir de l'arborescence DOM, tandis que parent() sélectionne un élément de l'arborescence DOM. les parents() la méthode est similaire à parent() mais sélectionne tous les éléments de l'arborescence DOM.

Pour de plus amples informations je vous montre en direction de la documentation de l'API de jQuery.

plus proche (le) http://api.jquery.com/closest/

parent() http://api.jquery.com/parent/

Answer 3

Les différences entre les deux, bien que subtile, sont significatifs:

.plus proche (le)

• Commence avec l'élément courant
• Se déplace jusqu'à l'arbre du DOM jusqu'à ce qu'il trouve une correspondance fourni sélecteur
• Le retour de l'objet jQuery contient zéro ou un élément

.parent()

• Commence avec l'élément parent
• Se déplace jusqu'à l'arbre du DOM du document de l'élément racine, l'ajout de chaque élément ancêtre de temporaire de la collection; puis, il les filtres de collecte basé sur un sélecteur si l'un est fourni
• Le retour de l'objet jQuery contient zéro, un ou plusieurs éléments

À partir de jQuery docs

Answer 4

Considérez cette structure :

Si nous accrocher cliquez sur la durée, c’est ce que nous obtenons le retour de trois méthodes :

Voici le résultat si nous accrocher cliquez sur la durée et l’utilisation étendue comme le sélecteur :

Answer 5

Les différences entre et sont décrits ici : http://api.jquery.com/closest/