cari

Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk memadam elemen tetapi menyimpan elemen kanak-kanak dalam jquery

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

青灯夜游
青灯夜游asal
2021-11-19 14:22:472215semak imbas

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>

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!

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：Bagaimana untuk menambah atribut disable kepada elemen dalam jqueryArtikel seterusnya：Bagaimana untuk menambah atribut disable kepada elemen dalam jquery

Artikel berkaitan

Lihat lagi