jQuery est un objet de collection. Si vous souhaitez retrouver rapidement tous les éléments ancêtres de chaque élément de la collection, vous pouvez utiliser la méthode parents()
En fait, c'est similaire à la différence entre find et les enfants. Le parent ne recherchera qu'un seul niveau, les parents rechercheront jusqu'au nœud ancêtre
pour comprendre la relation de recherche de nœud :
<div class="div">
<ul class ="son">
< Recherchez l'élément ancêtre div sur le nœud li. Ici, vous pouvez utiliser la méthode $("li").parents()
parents() sans paramètres
La méthode parents() nous permet d'ajouter du contenu dans l'arborescence DOM Rechercher les éléments ancêtres de ces éléments, faire correspondre les éléments dans l'ordre ascendant et créer un nouvel objet jQuery basé sur la correspondance elements;
L'ordre des éléments renvoyés commence à partir de leur élément parent le plus proche
Remarque : jQuery est un objet de collection, donc parent est l'élément ancêtre qui correspond à tous les éléments de la collection
La méthode parents() accepte sélectivement le même type d'expression de sélection
De même, comme jQuery est un objet de collection, il peut être nécessaire de filtrer l'objet de collection pour trouver l'élément cible, donc il est permis de passer une expression de sélection
Remarques :
1. Les méthodes .parents() et .parent() sont similaires, mais cette dernière n'effectue qu'un seul niveau Recherche dans l'arborescence DOM
2 La méthode $( "html" ).parent() renvoie une collection contenant des documents, tandis que $( "html" ).parents() renvoie une collection vide.
Regardons un morceau de code :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div>php.cn
<ul>php
<li>php 中文网</li>
<li>php 中文网</li>
</ul>
</div>
<script>
$("li").parents().css('color','red');
</script>
</body>
</html>section suivante