Heim >häufiges Problem >Die prev()-Methode in jquery gibt nichts zurück
Die prev()-Methode in jquery gibt nichts zurück
- 尊渡假赌尊渡假赌尊渡假赌Original
- 2023-05-30 10:09:381900Durchsuche
Die prev()-Methode von jquery gibt die Geschwisterelemente hinter dem ausgewählten Element nicht zurück. Ihre Funktion ist: 1. Die Methode „prev()“ gibt das vorherige Geschwisterelement des ausgewählten Elements zurück "$(selector).prev(filter)"; 2. Geschwisterelemente sind Elemente, die dasselbe übergeordnete Element haben, und diese Methode gibt nur ein Element zurück.
Das Betriebssystem für dieses Tutorial: Windows 10-System, jQuery3.6.0-Version, Dell G3-Computer.
Die prev()-Methode von jquery gibt die Geschwisterelemente hinter dem ausgewählten Element nicht zurück.
1. Die Definition und Verwendung der prev()-Methode:
prev()-Methode gibt zurück das ausgewählte Das vorherige Geschwisterelement des Elements.
Geschwisterelemente sind Elemente, die dasselbe übergeordnete Element haben, und diese Methode gibt nur ein Element zurück.
2. Das Beispiel für die prev()-Methode lautet wie folgt:
Erstellen Sie eine HTML-Beispieldatei und referenzieren Sie die jQuery-Datei im Kopf und the body Erstellen Sie eine ul-Liste und fügen Sie den Klassennamen start zum zweiten li hinzu. Fügen Sie die prev()-Methode im script-Tag hinzu, um Elemente auszuwählen, und das style-Tag, um den Stil des zurückgegebenen Elements festzulegen.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>prev方法示例</title>
<style>
.siblings *{
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("li.start").prev().css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body>
<div style="width:500px;" class="siblings">
<ul>ul (父节点)
<li>li (兄弟节点)</li>
<li>li (类名为"start"的li节点的上一个兄弟节点)</li>
<li class="start">li (类名为"start"的li节点)</li>
<li>li (兄弟节点)</li>
<li>li (兄弟节点)</li>
</ul>
</div>
</body>
</html> Wenn der Browser die HTML-Datei öffnet, wird nur das vorherige Geschwister-li-Element der Startklasse formatiert, die Schriftfarbe ändert sich in Rot und ein Rahmen erscheint
Das obige ist der detaillierte Inhalt vonDie prev()-Methode in jquery gibt nichts zurück. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!