jQuery-要素を削除


jQueryを使用すると、既存のHTML要素を簡単に削除できます。


要素/コンテンツを削除する

要素とコンテンツを削除するには、主に2つのjQueryメソッドがあります。

  • remove() -選択した要素(およびその子要素)を削除します
  • empty() -選択した要素から子要素を削除します

jQuery remove()メソッド

jQueryremove()メソッドは、選択した要素とその子要素を削除します。

$("#div1").remove();

jQuery empty()メソッド

jQueryempty()メソッドは、選択した要素の子要素を削除します。

$("#div1").empty();


削除する要素をフィルタリングする

jQueryremove()メソッドは1つのパラメーターも受け入れます。これにより、削除する要素をフィルター処理できます。

パラメーターは、任意のjQueryセレクター構文にすることができます。

<p>次の例では、次のすべての要素を削除しclass="test"ます。  

$("p").remove(".test");

この例では、および :  を含むすべての<p>要素を削除します。class="test"class="demo"

$("p").remove(".test, .demo");

jQueryの演習

エクササイズで自分をテストする

エクササイズ:

jQueryメソッドを使用して<div>要素を削除します。

$("div").();


jQueryHTMLリファレンス

すべてのjQueryHTMLメソッドの完全な概要については、 jQuery HTML / CSSリファレンスにアクセスしてください。