jQuery - 要素の削除

❮ 前章へ 次章へ ❯

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


要素/コンテンツの削除

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


jQuery remove() メソッド

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

$("#div1").remove();
Try it Yourself »

jQuery empty() メソッド

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

$("#div1").empty();
Try it Yourself »

削除する要素のフィルタ

jQuery remove() メソッドは、削除する要素をフィルタリングすることができる 1 つのパラメータも受け取ります。

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

次の例は、class="test" である全ての <p> 要素を削除します:

$("p").remove(".test");
Try it Yourself »

この例は、class="test" と class="demo" の全ての <p> 要素を削除します:

$("p").remove(".test, .demo");
Try it Yourself »

練習問題で確認テスト!

練習問題 1 »  練習問題 2 »  練習問題 3 »  練習問題 4 »


jQuery HTML リファレンス

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


❮ 前章へ 次章へ ❯