Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengosongkan semua elemen kanak-kanak di bawah elemen dalam jquery
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!