Die prev()-Methode in jquery gibt nichts zurück-häufiges Problem-php.cn

Die prev()-Methode in jquery gibt nichts zurück

尊渡假赌尊渡假赌尊渡假赌

Freigeben： 2023-05-30 10:28:57

Original

1901 Leute haben es durchsucht

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.

Die prev()-Methode in jquery gibt nichts 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>

Nach dem Login kopieren

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!