jQuery remove() メソッド

❮ jQuery HTML/CSS メソッド

全ての <p> 要素を削除する:

$("button").click(function(){
    $("p").remove();
});
Try it Yourself »

定義と用法

remove() メソッドは、選択した要素(全てのテキストと子ノードを含む)を削除します。

このメソッドは、選択した要素のデータとイベントも削除します。

チップ: データとイベントを除く要素の削除には、代わりに detach() メソッドを使用します。

チップ: 選択した要素からコンテンツのみを削除するには、 empty() メソッドを使用します。


構文

$(selector).remove(selector)

パラメータ 説明
selector 任意。削除する 1 つ以上の要素を指定する。
複数の要素を削除するには、カンマ区切りで指定する

Try it Yourself - 例

detach() と remove() の違い
detach() と remove() の違いを示します。

class="test" を持つ全ての <p> 要素を削除する
削除する要素をフィルタリングするためにオプション・パラメータを使用する。

class="test" と "demo" を持つ全ての <p> 要素を削除する
削除する要素をフィルタリングするためにオプション・パラメータを使用する。


❮ jQuery HTML/CSS メソッド