首頁 > 開發者 > JavaScript
jQuery 刪除或是清空某個HTML元素樣本，jquery樣本
jQuery使用下面兩個方法來刪除或是清空某個HTML元素。
remove() – 刪除指定的元素（包括其子項目）
empty() – 清空指定元素的子項目
例如：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JQuery Demo</title> <script src="scripts/jquery-1.9.1.js"></script> <script> $(document).ready(function () { $("button").click(function () { $("#div1").remove(); }); }); </script> </head> <body> <div id="div1" style="height: 100px; width: 300px; border: 1px solid black; background-color: yellow;"> This is some text in the div. <p>This is a paragraph in the div.</p> <p>This is another paragraph in the div.</p> </div> <br> <button>Remove div element</button> </body> </html>empty：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JQuery Demo</title> <script src="scripts/jquery-1.9.1.js"></script> <script> $(document).ready(function () { $("button").click(function () { $("#div1").empty(); }); }); </script> </head> <body> <div id="div1" style="height: 100px; width: 300px; border: 1px solid black; background-color: yellow;"> This is some text in the div. <p>This is a paragraph in the div.</p> <p>This is another paragraph in the div.</p> </div> <br> <button>Empty the div element</button> </body> </html>
jQuery的remove()方法也支援一個參數，可以用於過濾一些需要刪除的HTML元素。這個參數可以為任何有效jQuery selector.
比如下面代碼只刪除class=”italic”的<p>元素：
$("p").remove(".italic");
<div class="delete">how are</div>
jQuery 代碼:$("p").remove(“.delete”);
結果:how are
jquery 清空沒有內容的元素 刪除 內容為空白的class="time"這個元素
$("div.time:empty").remove();
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
