Comment obtenir des nœuds frères et sœurs dans jquery

JQuery est une excellente bibliothèque Javascript qui peut simplifier les opérations DOM et trouver et exploiter rapidement les éléments HTML de la page, y compris les nœuds frères.

Obtenir des nœuds frères et sœurs

En HTML, les nœuds frères et sœurs font référence à des éléments frères sous le même élément parent. Leur contenu textuel n'est pas nécessairement lié, mais ils appartiennent simplement au même élément parent. Dans JQuery, vous pouvez obtenir des nœuds frères grâce à certaines méthodes. Les méthodes les plus couramment utilisées sont les suivantes :

1. Méthode siblings() : La méthode siblings() renvoie tous les éléments au même niveau que l'élément actuel, à l'exclusion de l'élément actuel. lui-même.

Par exemple, supposons qu'il y ait le code HTML suivant :

<ul>
  <li>Item 1</li>
  <li id="current">Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

Il y a un élément avec l'identifiant "current", on peut obtenir tous les éléments au même niveau que lui grâce au code suivant :

$("#current").siblings();

Ce code renverra l'élément "Item" 1", "Item 3" et "Item 4" objets JQuery. Si vous avez besoin d'obtenir un élément frère spécifique, vous pouvez utiliser les paramètres de la méthode sibling().

2. Méthode next() : La méthode next() obtient le premier élément frère après l'élément actuel.

Par exemple, dans l'exemple précédent, nous pouvons obtenir l'élément "Item 3" avec le code suivant :

$("#current").next();

3. Méthode prev() : La méthode prev() récupère le premier élément frère devant l'élément courant .

Par exemple, dans l'exemple précédent, nous pouvons obtenir l'élément "Item 1" avec le code suivant :

$("#current").prev();

Summary

Il peut être facilement obtenu via les siblings(), next() et prev() de JQuery. méthodes Nœuds frères et sœurs. Grâce à ces méthodes, les éléments peuvent être interrogés et manipulés rapidement. Cependant, il convient de noter que ces méthodes ne s'appliquent qu'aux éléments du même niveau. Si vous devez interroger des éléments à d'autres niveaux, vous devez utiliser d'autres méthodes de recherche.

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!