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>
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!
Apakah pemalam jquery?
Bagaimana untuk mengendalikan json dengan jquery
Bagaimana untuk memadam elemen dalam jquery
Penggunaan kaedah jQuery hover().
jquery melaksanakan kaedah paging
Apakah elemen tersembunyi dalam jquery
Apa yang ditonjolkan dalam jquery
Perbezaan antara vue2 dan vue3 pengikatan dua hala
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
