So ermitteln Sie die Anzahl der Geschwisterelemente in jquery-Front-End-Fragen und Antworten-php.cn

So ermitteln Sie die Anzahl der Geschwisterelemente in jquery

青灯夜游

Freigeben： 2022-05-16 16:17:57

Original

2151 Leute haben es durchsucht

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“.

So ermitteln Sie die Anzahl der Geschwisterelemente in jquery

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()

Nach dem Login kopieren

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

So ermitteln Sie die Anzahl der Geschwisterelemente in jquery

[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!