Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengosongkan semua elemen kanak-kanak di bawah elemen dalam jquery

Bagaimana untuk mengosongkan semua elemen kanak-kanak di bawah elemen dalam jquery

青灯夜游asal: 2022-04-28 18:32:566218semak imbas

Kaedah pembersihan: 1. Gunakan kanak-kanak() untuk mendapatkan semua elemen kanak-kanak di bawah elemen yang ditentukan Sintaks "$("elemen yang ditentukan").children()" akan mengembalikan objek yang mengandungi semua elemen kanak-kanak . Gunakan remove() untuk memadamkan elemen anak yang diperolehi dan semua kandungan dalamannya.

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

Kaedah Jquery untuk mengosongkan semua elemen anak di bawah elemen

Kaedah pelaksanaan:

Gunakan kanak-kanak () Dapatkan semua sub-elemen di bawah elemen yang ditentukan
Gunakan remove() untuk memadam sub-elemen yang diperolehi

Kaedah remove() boleh alih keluar elemen dan padam semua kandungan di dalam

Contoh pelaksanaan: Padam semua sub-elemen dalam div

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("div").children().remove();
				});
			});
		</script>
	</head>
	<body>

		<div style="height:150px;background-color:yellow">
			这是一些文本。
			<p>这是div块中的一个段落，子元素。<span>这是一个span块，孙元素</span></p>
			<p>这是div块中的一个段落，子元素。</p>
			<span>这是一个span块，子元素</span>
		</div>
		<p>这是div块外部的一个段落。</p>
		<button>删除div内所有子元素</button>

	</body>
</html>

Bagaimana untuk mengosongkan semua elemen kanak-kanak di bawah elemen dalam jquery

Nota: Div juga mengandungi Beberapa kandungan teks, yang bukan elemen kanak-kanak dan oleh itu tidak akan dipadamkan.

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

Atas ialah kandungan terperinci Bagaimana untuk mengosongkan semua elemen kanak-kanak di bawah elemen dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery 对象

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：Bagaimanakah jquery memantau sama ada nilai textarea berubah?Artikel seterusnya：Bagaimanakah jquery memantau sama ada nilai textarea berubah?

Artikel berkaitan

Lihat lagi