jQuery 删除元素

jQueryの非常に重要な部分はDOMの操作です。

jQueryは、ドキュメントから既存のHTML要素や内容を削除するための多くのメソッドを提供します。

この章では、DOMからHTML要素を削除する方法を説明します。/内容。

jQueryの要素削除/内容

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

以下に、要素と内容を削除するためのjQueryメソッドがあります：

• remove()

• empty()

• unwrap()

以下に、各メソッドの使用方法を説明します。

jQueryのremove()メソッド

jQuery remove()メソッドは、DOMから選択された要素及其サブ要素を削除します。

以下の例では、DOMからすべてのパラグラフを削除します：

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

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

このパラメータは、jQuery選択子のいずれかであればよくて構いません。

以下の例では、DOMから「Hello」を含むすべてのパラグラフを削除します：

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

jQueryのempty()メソッド

jQuery empty()メソッドは選択された要素からすべてのサブノード（テキストノードを含む）を削除します。

以下の例では、すべてのパラグラフからすべてのサブノード（テキストノードを含む）を削除します：

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

注意：このメソッドは、要素自体やその属性を削除しません。

jQuery unwrap()方法

jQuery unwrap()方法は、選択された要素の親要素を削除します。

以下の例では、すべての段落の親要素を削除します：

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

jQuery削除属性-removeAttr()

jQuery removeAttr()方法は、選択された要素から1つまたは複数の属性を削除します。

以下の例は、すべてのリンクからhref属性を削除します：

$("button").click(function(){
　　$("a").removeAttr("href");
});

複数の属性を削除するには、属性名をスペースで区切ってください。

以下の例は、すべての段落から複数の属性を削除します：

$("button").click(function(){
　　$("p").removeAttr("id　class　title");
});

jQuery HTML参考

完全なHTMLメソッドの詳細については、私たちのjQuery HTML / CSS参考。