Heim > Artikel > Web-Frontend > So fügen Sie Geschwisterknoten in JQuery hinzu

So fügen Sie Geschwisterknoten in JQuery hinzu

青灯夜游Original: 2022-04-27 17:59:284651Durchsuche

So fügen Sie Geschwisterknoten in jquery hinzu: 1. Verwenden Sie before(), die Syntax „$(angegebenes Element).before(sibling node)“, Sie können Geschwisterknoten vor dem angegebenen Element einfügen. 2. Verwenden Sie after(), Mit der Syntax „$ (angegebenes Element).after(Geschwisterknoten)“ können Sie Geschwisterknoten nach dem angegebenen Element einfügen.

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

In jquery können Sie die folgenden zwei Methoden verwenden, um Geschwisterknoten hinzuzufügen:

before()-Methode: Fügt den angegebenen Inhalt vor dem ausgewählten Element ein.
after()-Methode: Fügt den angegebenen Inhalt nach dem ausgewählten Element ein.

1. Verwenden Sie before(), um Geschwisterknoten vorwärts hinzuzufügen.

before() kann Geschwisterknoten vor dem angegebenen Element einfügen.

Syntax:

$(A).before(B)

bedeutet, dass Geschwisterknoten B vor Knoten A eingefügt werden.

Beispiel:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            $("button").click(function () {
                var a = "<span style=&#39;color:red;&#39;>一个span元素</span>";
                $("div").before(a);
            })
        })
    </script>
	</head>
	<body>
		<h1>一个大标题</h1>
		<p>一个p段落</p>
		<div>一个div元素</div>
		<p>一个p段落</p>
		<button>在div前插入一个兄弟节点</button>
	</body>
</html>

So fügen Sie Geschwisterknoten in JQuery hinzu

2. Verwenden Sie after(), um Geschwisterknoten rückwärts hinzuzufügen. After() kann Geschwisterknoten nach dem angegebenen Element einfügen. Syntax:

$(A).after(B)

bedeutet gehen A Fügen Sie den B-Geschwisterknoten hinter der Außenseite des Knotens ein.

Beispiel:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            $("button").click(function () {
                var a = "<span style=&#39;color:red;&#39;>一个span元素</span>";
                $("div").after(a);
            })
        })
    </script>
	</head>
	<body>
		<h1>一个大标题</h1>
		<p>一个p段落</p>
		<div>一个div元素</div>
		<p>一个p段落</p>
		<button>在div前插入一个兄弟节点</button>
	</body>
</html>

jQuery-Video-Tutorial

Web-Frontend-Video

] So fügen Sie Geschwisterknoten in JQuery hinzu

Das obige ist der detaillierte Inhalt vonSo fügen Sie Geschwisterknoten in JQuery hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

jquery

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：Was ist das Proximity-Prinzip im CSS-Stil?Nächster Artikel：Was ist das Proximity-Prinzip im CSS-Stil?

In Verbindung stehende Artikel

Mehr sehen