jQuery 削除要素

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

要素/内容の削除

要素および内容を削除する場合、一般的には以下の二つの jQuery メソッドを使用します：

  • remove() - 選択された要素（およびその子要素）を削除
  • empty() - 選択された要素から子要素を削除

jQuery remove() メソッド

jQuery remove() メソッドは、選択された要素およびその子要素を削除します。

例

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

実際に試してみてください

jQuery empty() メソッド

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

例

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

実際に試してみてください

削除される要素のフィルタリング

jQuery remove() メソッドは、パラメータを受け入れ、削除される要素に対してフィルタリングを行うことができます。

このパラメータは、いかなる jQuery 选择子の構文でもできます。

以下の例では、class="italic" のすべての <p> 要素を削除します：

例

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

実際に試してみてください

jQuery HTML リファレンスマニュアル

jQuery HTML メソッドの完全な内容に関しては、以下のリファレンスマニュアルにアクセスしてください：