jQuery 基礎チュートリアル

jQuery エフェクト

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

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

データとイベントを削除せずに要素を削除する場合は、以下を使用しますdetach()メソッド。

選択された要素から内容のみを削除する場合は、以下を使用しますempty()メソッド。

$(selector).remove(selector)

DOMからすべての段落を削除します：

例

$("button").click(function(){
　　$("p").remove();
});

DOMから「Hello」を含むすべての段落を削除します：

例

$("button").click(function(){
　　$("p").remove(":contains('Hello')");
});

上記の例は以下のように書くこともできます：

例

$("button").click(function(){
　　$("p:contains('Hello')").remove();
});

パラメータ	説明
selector	（オプション）削除する一個または複数の（スペースで区切る）要素を指定