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

要素/コンテンツを削除

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

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

jQuery remove()メソッド

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

jQuery empty()メソッド

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

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

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

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

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

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

jQuery HTMLリファレンス

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