Cet article présente principalement l'utilisation de la fonction de traversée de jquery siblings() et analyse en détail les techniques associées de la fonction siblings de jquery pour la traversée d'éléments sous forme d'exemples. Les amis dans le besoin peuvent se référer à
Ceci. article L'exemple décrit l'utilisation de la fonction de traversée jquery siblings(). Partagez-le avec tout le monde pour votre référence, comme suit :
frères et sœurs([expr])
Obtenez l'ensemble de tous les éléments frères et sœurs de chaque élément dans l'ensemble de tous éléments correspondants. Renvoie l'ensemble des éléments correspondants
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
var len = $(".hilite").siblings().css("color", "red").length;
$("b").text(len);
});
</script>
<style>
ul { float:left; margin:5px; font-size:16px; font-weight:bold; }
p { color:blue; margin:10px 20px; font-size:16px; padding:5px;
font-weight:bolder; }
.hilite { background:yellow; }
</style>
</head>
<body>
<ul>
<li>One</li>
<li>Two</li>
<li class="hilite">Three</li>
<li>Four</li>
</ul>
<ul>
<li>Five</li>
<li>Six</li>
<li>Seven</li>
</ul>
<ul>
<li>Eight</li>
<li class="hilite">Nine</li>
<li>Ten</li>
<li class="hilite">Eleven</li>
</ul>
<p>Unique siblings: <b></b></p>
</body>
</html>Copier le code Le code est le suivant :
$(".hilite" ).siblings()
obtiendra une collection de tous les éléments frères et sœurs contenant l'élément de style spécial 'hilite'. Ce qui suit est l'ensemble des éléments correspondants
<li>One</li> <li>Two</li> <li>Four</li> <li>Eight</li> <li class="hilite">Nine</li> <li>Ten</li> <li class="hilite">Eleven</li>
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!
Que sont les plug-ins jquery ?
Comment faire fonctionner json avec jquery
Comment supprimer des éléments dans jquery
Utilisation de la méthode jQuery hover()
jquery implémente la méthode de pagination
Qu'est-ce qu'un élément caché dans jquery
Qu'est-ce qui est mis en évidence dans jquery
Les huit fonctions les plus couramment utilisées dans Excel
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
