Derniers tutoriels de développement web
 

jQuery parents() Method

<Méthodes jQuery Traversant

Exemple

Retour tous les éléments ancêtres de <span> :

$(document).ready(function(){
    $("span").parents().css({"color": "red", "border": "2px solid red"});
});

Résultat:

body (great-great-grandparent)
div (great-grandparent)
    ul (grandparent)
  • li (direct parent) span
Essayez - le vous - même »

Définition et utilisation

Les parents() , parents() méthode renvoie tous les éléments ancêtres de l'élément sélectionné.

Un ancêtre est un parent, grand-parent, grand-parent, et ainsi de suite.

L'arbre DOM: Cette méthode traverse vers le haut depuis l'élément parent le long ancêtres des éléments DOM, tout le chemin jusqu'à l'élément racine du document (<html>) .

Remarque: Si le paramètre de filtre est vide, cette fonction sélectionne tous les ancêtres d'un ensemble d'éléments, à partir du parent direct et tout le chemin jusqu'à <body> et <html> . Il est donc souvent utile de passer une expression de sélection pour affiner le résultat de recherche.

Cette méthode est similaire à la closest() , en ce qu'elles traversent l'arbre DOM. Les différences sont les suivantes:

parents()

  • Commence avec l'élément parent
  • Voyage dans l'arbre DOM et renvoie tous les ancêtres qui correspond à l'expression passée
  • L'objet jQuery retourné contient zéro ou plus d'un élément

closest()

  • Commence par l'élément courant
  • Voyage dans l'arbre DOM et renvoie le premier ancêtre qui correspond à l'expression passée
  • L'objet jQuery retourné contient zéro ou un élément

D' autres méthodes connexes:

  • parent() - retourne l'élément parent direct de l'élément sélectionné
  • parentsUntil() - renvoie tous les éléments ancêtres entre deux arguments donnés

Syntaxe

$(selector).parents( filter )

Paramètre La description
class = "notranslate"filtre Optionnel. Indique une expression de sélection pour affiner la recherche d'ancêtres

Remarque: Pour revenir plusieurs ancêtres, séparer chaque expression par une virgule.

Essayez-le vous-même - Exemples

Affiner la recherche
Comment utiliser le paramètre de filtre pour renvoyer tous les ancêtres de <span> qui sont <ul> éléments.

Retour plusieurs ancêtres
Comment utiliser le paramètre de filtre pour renvoyer tous les ancêtres de <span> qui sont <li> et <div> éléments.

Afficher les ancêtres d'un élément par les noms de balises
Une démonstration qui montre qui sont les ancêtres d'un <span> élément sont en réalité.


<Méthodes jQuery Traversant