Bagaimana untuk memadam elemen tetapi menyimpan elemen kanak-kanak dalam jquery

青灯夜游
Lepaskan: 2022-09-07 18:48:34
asal
2197 orang telah melayarinya

Cara memadam elemen tetapi menyimpan elemen anak dalam jquery: 1. Gunakan kaedah children() untuk mendapatkan semua elemen anak elemen yang ditentukan 2. Gunakan kaedah unwrap() untuk memadamkan induk elemen elemen kanak-kanak tetapi simpan elemen kanak-kanak, sintaks "$("elemen yang ditentukan").children().unwrap();".

Bagaimana untuk memadam elemen tetapi menyimpan elemen kanak-kanak dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.6.1, komputer Dell G3.

jquery memadamkan elemen tetapi mengekalkan elemen kanak-kanak

Dalam jquery, anda boleh menggunakan kaedah children() unwrap() untuk memadam elemen tertentu tetapi kekalkan unsur-unsur anaknya. Kaedah

  • kanak-kanak() mengembalikan semua elemen anak langsung bagi elemen yang dipilih. Kaedah

  • unwrap() memadamkan elemen induk bagi elemen yang dipilih.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script>
			$(document).ready(function(){
			  $("button").click(function(){
				$("div").children().unwrap();
			  });
			});
		</script>
		<style type="text/css">
			div {
				background-color: yellow;
			}
		</style>
	</head>
	<body>

		<div>
			<p>这是 div 元素中的段落。</p>
			<p>这是 div 元素中的段落。</p>
			<p>这是 div 元素中的段落。</p>
		</div>
		<button>删除div元素,但保留子元素p</button>

	</body>
</html>
Salin selepas log masuk

Bagaimana untuk memadam elemen tetapi menyimpan elemen kanak-kanak dalam jquery

Cadangan tutorial video berkaitan: Tutorial jQuery(Video)

Atas ialah kandungan terperinci Bagaimana untuk memadam elemen tetapi menyimpan elemen kanak-kanak dalam 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