Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk menggantikan nod dengan jquery

Bagaimana untuk menggantikan nod dengan jquery

青灯夜游
Lepaskan: 2022-06-10 15:44:05
asal
3957 orang telah melayarinya

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.

Bagaimana untuk menggantikan nod dengan jquery

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)
Salin selepas log masuk

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>
Salin selepas log masuk

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)
Salin selepas log masuk

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>
Salin selepas log masuk

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan