简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > Front-End-Fragen und Antworten > Hauptteil

Was ist die Verwendung von jquery siblings()

青灯夜游
Freigeben： 2022-04-21 13:53:56
Original
3548 Leute haben es durchsucht

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.

Was ist die Verwendung von jquery siblings()

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)
Nach dem Login kopieren
<!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>
Nach dem Login kopieren

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

Verwandte Etiketten：
jquery
Quelle：php.cn
Vorheriger Artikel：Kann JQuery Elemente zu Divs hinzufügen? Nächster Artikel：So ändern Sie die CSS-Klasse in JQuery
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Formular ohne Schaltfläche mit Javascript/Jquery senden Ich versuche, ein Formular ohne Schaltfläche zu senden, indem ich eine JavaScript-Funktion...
Aus 2024-04-06 14:54:03
0
2
421
So rufen Sie Werte nicht ausgewählter Zeilen in einer HTML-Datentabelle mithilfe von JQuery ab Ich versuche, den Wert aller Zeilen zu ermitteln, in denen nicht auf die Schaltfläche gekl...
Aus 2024-04-05 09:26:49
0
1
1418
Benötigen Sie ein JQuery-Skript, um ausgewählte Optionen basierend auf der aktuellen Auswahl des Endbenutzers aus einem Auswahlfeld zu verschieben Ich habe eine HTML-Seite, auf der der Endbenutzer unsere Artikel über ein Auswahlfeldeleme...
Aus 2024-04-04 18:40:04
0
1
3528
Ich habe über Lesezeichen ein Element in reinem CSS erstellt. Es ist erstellt, aber nicht sichtbar Mein Code lautet wie folgt: g=document.createElement('div');g.setAttribute("id",...
Aus 2024-04-04 17:27:27
0
1
417
Formulardaten können nicht auf Safari/Firefox iOS gesendet werden Dies funktioniert auf allen Plattformen außer Safari/Firefox unter iOS: jQuery("#gfor...
Aus 2024-04-04 12:53:48
0
1
303
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！
Parameter Beschreibung
filter Optional. Gibt einen Selektorausdruck an, der die Suche nach Geschwisterelementen einschränkt. 🔜 Elemente)