Méthode parent() de parcour jQuery
Exemple
Trouver les éléments parents de chaque paragraphe avec la classe "selected" :
$("p").parent(".selected")
Définition et utilisation
La méthode .parent() obtient les éléments parents de chaque élément de la collection de correspondances actuelle, le filtrage par sélecteur étant optionnel.
.parent(selector)
| Paramètre | Description |
|---|---|
| selector | Valeur de chaîne, contenant l'expression sélecteur utilisée pour correspondre aux éléments. |
Explication détaillée
Si une collection d'éléments DOM est donnée sous forme d'objet jQuery, la méthode .parent() nous permet de chercher les éléments parents de ces éléments dans l'arbre DOM et de construire un nouvel objet jQuery avec les éléments correspondants..parents() Comme la méthode .parent(), mais elle parcourt un seul niveau dans l'arbre DOM.
Cette méthode accepte une expression sélecteur optionnelle, du même type que les paramètres passés à la fonction $(). Si ce sélecteur est appliqué, les éléments seront filtrés en vérifiant s'ils correspondent à ce sélecteur.
Pensez à cette page avec une liste imbriquée de base :
<ul class="level-1">
<li class="item-i">I</li>
<li class="item-ii">II
<ul class="level-2">
<li class="item-a">A</li>
<li class="item-b">B
<ul class="level-3">
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
</ul>
</li>
<li class="item-c">C</li>
</ul>
</li>
<li class="item-iii">III</li>
</ul>
Si nous commençons par le projet A, nous pouvons trouver son élément parent :
$('li.item-a').parent().css('background-color', 'red');
Le résultat de cette appel est de définir le fond de couleur rouge pour la liste de niveau 2. Comme nous n'avons pas appliqué l'expression sélecteur, l'élément parent est naturellement devenu une partie de l'objet. Si un sélecteur est appliqué, il vérifiera si l'élément correspond avant de l'inclure.
