Rumah > Artikel > hujung hadapan web > Bagaimana untuk menggantikan nod dengan jquery

Bagaimana untuk menggantikan nod dengan jquery

青灯夜游asal: 2022-04-22 13:06:363919semak imbas

Cara menggantikan nod dalam jquery: 1. Gunakan replaceWith(), sintaks "$(A).replaceWith(B)", dan nod B boleh digunakan untuk menggantikan nod A 2. Use replaceAll(), sintaks "$ (A).replaceAll(B)", nod A boleh digunakan untuk menggantikan nod B.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Dalam jQuery, jika kita ingin menggantikan elemen nod, kita menggunakan kaedah replaceWith() dan kaedah replaceAll() untuk mencapainya.

Kaedah 1: Gunakan replaceWith()

Dalam jQuery, kita boleh menggunakan kaedah replaceWith() untuk menggantikan elemen yang dipilih dengan elemen lain.

Sintaks:

$(A).replaceWith(B)

bermaksud menggantikan A dengan B. Nota: Kedua-dua A dan B mesti mengandungi tag HTML

Contoh:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					$("p").replaceWith("<div><b>Hello world!</b></div>")
				})
			})
		</script>
	</head>
	<body>
		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>
		<br><button>将p节点替换为div节点</button>
	</body>
</html>

Bagaimana untuk menggantikan nod dengan jquery

Kaedah 2: Gunakan replaceAll()

Dalam jQuery, walaupun kedua-dua kaedah replaceAll() dan replaceWith() mempunyai fungsi yang sama, kedua-duanya menggantikan elemen dengan elemen lain, tetapi objek operasinya diterbalikkan.

Sintaks

$(A).replaceAll(B)

bermaksud menggantikan B dengan A.

Contoh:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					$("<div style=&#39;color:red;&#39;>Hello world!</div>").replaceAll("p");
				})
			})
		</script>
	</head>
	<body>
		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>
		<br><button>将p节点替换为div节点</button>
	</body>
</html>

Bagaimana untuk menggantikan nod dengan jquery

[Pembelajaran yang disyorkan: tutorial video jQuery, bahagian hadapan web video】

Atas ialah kandungan terperinci Bagaimana untuk menggantikan nod dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Apakah kegunaan kaedah jquery replaceallArtikel seterusnya：Apakah kegunaan kaedah jquery replaceall

Artikel berkaitan

Lihat lagi