Maison > Article > interface Web > Quels sont les moyens de trouver des éléments frères et sœurs dans jquery ?
Quels sont les moyens de trouver des éléments frères et sœurs dans jquery ?
- 青灯夜游original
- 2022-05-25 17:50:314682parcourir
Il existe sept méthodes : 1. siblings(), qui peut obtenir tous les éléments de la même génération ; 2. next(), qui peut obtenir les éléments frères suivants ; 3. nextAll(), qui peut obtenir tous les éléments de la même génération ; le frère suivant ; 4. prev(), vous pouvez obtenir les éléments frères de niveau supérieur ; 5. prevAll(), vous pouvez obtenir tous les éléments frères de niveau supérieur, etc.
L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.
Il existe sept méthodes permettant à jquery de trouver des éléments frères et sœurs : siblings(), next(), nextAll(), nextUntil(), prev(), prevAll(), prevUntil()
1.
Principalement utilisé pour obtenir tous les éléments des frères et sœurs de l'élément spécifié<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<style>
.siblings * {
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script>
$(document).ready(function() {
$("li.start").siblings().css({
"color": "red",
"border": "2px solid red"
});
});
</script>
</head>
<body>
<div style="width:500px;" class="siblings">
<ul>ul
<li>li (同辈节点)</li>
<li>li (上一个同辈节点)</li>
<li class="start">li (本元素)</li>
<li>li (下一个同辈节点)</li>
<li>li (同辈节点)</li>
</ul>
</div>
</body>
</html>
2, méthode next()
Principalement utilisé pour obtenir l'élément frère suivant de l'élément spécifié$(document).ready(function() {
$("li.start").next().css({
"color": "red",
"border": "2px solid red"
});
});
3 , nextAll() La méthode
est principalement utilisée pour obtenir tous les éléments du prochain frère de l'élément spécifié$(document).ready(function() {
$("li.start").nextAll().css({
"color": "red",
"border": "2px solid red"
});
});
4. La méthode nextUntil()
est principalement utilisée pour obtenir le prochain frère. élément de l'élément spécifié.Cet élément frère doit L'élément entre l'élément spécifié et l'élément défini par la méthode nextUntil()5 La méthode prev()
est principalement utilisée pour obtenir l'élément frère de niveau supérieur. de l'élément spécifié$(document).ready(function() {
$("li.start").prev().css({
"color": "red",
"border": "2px solid red"
});
});
6. La méthode prevAll()
est principalement utilisée pour obtenir tous les éléments frères au niveau précédent de la méthode prevUntil() de l'élément spécifié. est principalement utilisé pour obtenir l'élément frère précédent de l'élément spécifié, cet élément frère doit être un élément entre l'élément spécifié et l'élément défini par la méthode prevUntil()
Tutoriel vidéo jQuery, vidéo web front-end
]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!