最新的Web開發教程
 

jQuery - 刪除元素


使用jQuery,很容易刪除現有的HTML元素。


刪除元素/內容

要刪除元素和內容,主要有兩種jQuery方法:

  • remove() -刪除所選元素(及其子元素)
  • empty() -移除選定元素的子元素

jQuery的remove()方法

jQuery的remove()方法刪除選定的element(s)和它的子元素。

$("#div1").remove();
試一試»

jQuery的empty()方法

jQuery的empty()方法刪除選定的子元素element(s)

$("#div1").empty();
試一試»

過濾器被刪除的元素

jQuery的remove()方法也接受一個參數,它可以過濾要刪除的元素。

該參數可以是任何jQuery選擇語法。

下面的例子將刪除所有<p>與要素class="test"

$("p").remove(".test");
試一試»

此示例刪除所有<p>與要素class="test"class="demo"

$("p").remove(".test, .demo");
試一試»

自測練習用!

練習1» 練習2» 練習3» 練習4»


jQuery的HTML參考

對於所有的jQuery HTML方法的完整概述,請訪問我們的jQuery HTML / CSS參考