Heim > Artikel > Web-Frontend > Was ist die Verwendung von jquery siblings()

Was ist die Verwendung von jquery siblings()

青灯夜游Original: 2022-04-21 13:51:593422Durchsuche

jquery siblings() wird verwendet, um alle Geschwisterelemente des ausgewählten Elements abzurufen. Es durchläuft die Geschwisterelemente des DOM-Elements vorwärts und rückwärts und gibt alle untergeordneten Elemente zurück, die dasselbe übergeordnete Element haben (mit Ausnahme des ausgewählten Elements). Die Syntax „element object.siblings(filter)“ und ihre Parameter können weggelassen werden, um den Suchbereich einzugrenzen.

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

Die Methode jquery siblings() wird verwendet, um alle Geschwisterelemente des ausgewählten Elements abzurufen.

Geschwisterelemente sind Elemente, die dasselbe übergeordnete Element haben. Die Methode

siblings() durchläuft die Geschwisterelemente des DOM-Elements vorwärts und rückwärts und gibt alle untergeordneten Elemente zurück, die dasselbe übergeordnete Element haben (mit Ausnahme des ausgewählten Elements).

Grammatikformat:

$(selector).siblings(filter)

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("li.start").siblings().css({
					"color": "red",
					"border": "2px solid red"
				});
			});
		</script>
		<style>
			.siblings * {
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		</style>
	</head>
	<body>

		<div style="width:500px;" class="siblings">
			<ul>ul (父节点)
				<li>li (类名为"star"的上一个兄弟节点)</li>
				<li>li (类名为"star"的上一个兄弟节点)</li>
				<li class="start">li (兄弟节点)</li>
				<li>li (类名为"star"的下一个兄弟节点)</li>
				<li>li (类名为"star"的下一个兄弟节点)</li>
			</ul>
		</div>
		<p>在这个例子中,我们选择类名称为“star”的li元素的所有兄弟元素。</p>

	</body>
</html>

Parameter	Beschreibung
filter	Optional. Gibt einen Selektorausdruck an, der die Suche nach Geschwisterelementen einschränkt. 🔜 Elemente)

【Empfohlenes Lernen: jQuery-Video-Tutorial,

Web-Frontend-Video

】 Was ist die Verwendung von jquery siblings()

Das obige ist der detaillierte Inhalt vonWas ist die Verwendung von jquery siblings(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

jquery Filter 对象 dom 选择器 li

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Kann JQuery Elemente zu Divs hinzufügen?Nächster Artikel：Kann JQuery Elemente zu Divs hinzufügen?

In Verbindung stehende Artikel

Mehr sehen