ホームページ > ウェブフロントエンド > フロントエンドQ&A > jqueryのすべてのli要素を削除する方法

jqueryのすべてのli要素を削除する方法

青灯夜游
リリース: 2022-05-25 15:03:43
オリジナル
2708 人が閲覧しました

削除メソッド: 1. find() を使用してドキュメントのすべての li 要素を選択します。構文は "$("body").find("li")" で、すべてを含む jQuery オブジェクトを返します。 li 要素; 2 、li 要素とそのすべての内容を削除するには、remove() を使用します。構文は「JQ object.remove()」です。

jqueryのすべてのli要素を削除する方法

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

すべての li 要素を削除する jquery メソッド

1. ドキュメントのすべての li 要素を選択します

$("body").find("li")
ログイン後にコピー
  • body の下にあるすべての li サブ要素の選択を示します

#すべての li 要素を含む jQuery オブジェクトを返します

2. 指定した要素を削除するには、remove() を使用します。

remove() メソッドは、要素とそのすべての内容を削除できます

実装例:




	
		
		
		

		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$(&quot;body&quot;).find(&quot;li&quot;).remove();
				});
			});
		</script>
	
div节点
    ul节点
  • li 节点1 span 节点1
  • li 节点2 span 节点2
  • li 节点3 span 节点3
div节点
    ol节点
  1. li 节点1 span 节点1
  2. li 节点2 span 节点2
  3. li 节点3 span 节点3
ログイン後にコピー

jqueryのすべてのli要素を削除する方法

【推奨学習:

jQuery ビデオ チュートリアル Web フロントエンド ビデオ ]

以上がjqueryのすべてのli要素を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート