Heim >Web-Frontend >Front-End-Fragen und Antworten >So ermitteln Sie die Anzahl der Geschwisterelemente in jquery
Getting-Methode: 1. Verwenden Sie siblings(), um die Geschwisterelemente des angegebenen Elements abzurufen. Die Syntax „specified element.siblings()“ gibt ein jQuery-Objekt zurück, das alle Geschwisterelemente enthält Geben Sie die Anzahl der Elemente an das jQuery-Objekt zurück. Die Syntax lautet „Objekt.Länge angeben“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
Jquery-Methode, um die Anzahl der Geschwisterelemente zu ermitteln
1. Verwenden Sie die siblings()-Methode, um alle Geschwisterelemente des ausgewählten Elements abzurufen.
Diese Methode bewegt sich vorwärts und vorwärts entlang der Geschwisterelemente des DOM-Element Traverse später.
指定元素.siblings()
gibt ein jQuery-Objekt zurück, das alle Geschwisterelemente enthält.
2. Verwenden Sie das Längenattribut, um die Zahl zu erhalten.
Das Längenattribut zählt die Anzahl der Elemente im jQuery-Objekt und gibt sie zurück.
指定对象.length
Implementierungsbeispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.siblings,.siblings *{
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("h2").siblings().css("border","2px solid red")
var len=$("h2").siblings().length;
console.log("兄弟元素的个数为："+len);
});
});
</script>
</head>
<body>
<div class="siblings">div (父)
<p>p（兄弟元素）</p>
<span>span（兄弟元素）</span>
<h2>h2（本元素）</h2>
<h3>h3（兄弟元素）</h3>
<p>p（兄弟元素）</p>
</div>
<button>获取兄弟元素的个数</button>
</body>
</html>[Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video]
Das obige ist der detaillierte Inhalt vonSo ermitteln Sie die Anzahl der Geschwisterelemente in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
