Heim >Web-Frontend >Front-End-Fragen und Antworten >Welche Möglichkeiten gibt es, Geschwisterelemente in Jquery zu finden?
Welche Möglichkeiten gibt es, Geschwisterelemente in Jquery zu finden?
- 青灯夜游Original
- 2022-05-25 17:50:314698Durchsuche
Es gibt sieben Methoden: 1. siblings(), die alle Elemente derselben Generation abrufen kann; 2. next(), die die nächsten Geschwisterelemente abrufen kann; 3. nextAll(), die alle Elemente von erhalten kann das nächste Geschwisterelement; 4. prev(), Sie können die Geschwisterelemente der oberen Ebene abrufen 5. prevAll(), Sie können alle Geschwisterelemente der oberen Ebene abrufen usw.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
Es gibt sieben Methoden für jquery, um Geschwisterelemente zu finden: siblings(), next(), nextAll(), nextUntil(), prev(), prevAll(), prevUntil()
1
Wird hauptsächlich verwendet, um alle Elemente der Geschwister des angegebenen Elements abzurufen , nextAll() Die Methode wird hauptsächlich verwendet, um alle Elemente des nächsten Geschwisterelements des angegebenen Elements abzurufen
<!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>
4. Die nextUntil()-Methode
wird hauptsächlich verwendet, um das nächste Geschwisterelement abzurufen Element des angegebenen Elements. Das Element zwischen dem angegebenen Element und dem durch die nextUntil()-Methode festgelegten Element. Die prev()-Methode wird hauptsächlich verwendet, um das übergeordnete Element zu erhalten des angegebenen Elements
6. Die prevAll( )-Methode
wird hauptsächlich verwendet, um alle Geschwisterelemente auf der vorherigen Ebene des angegebenen Elements
7 abzurufen
wird hauptsächlich verwendet, um das vorherige Geschwisterelement des angegebenen Elements abzurufen. Dieses Geschwisterelement muss ein Element zwischen dem angegebenen Element und dem durch die prevUntil()-Methode festgelegten Element sein
[Empfohlenes Lernen: jQuery-Video-Tutorial,
Web-Frontend-Video]
Das obige ist der detaillierte Inhalt vonWelche Möglichkeiten gibt es, Geschwisterelemente in Jquery zu finden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!