ホームページ >ウェブフロントエンド >jsチュートリアル >指定された子要素がjqueryに存在するかどうかを確認する方法

指定された子要素がjqueryに存在するかどうかを確認する方法

青灯夜游
青灯夜游オリジナル
2022-02-28 15:24:022675ブラウズ

判定方法: 1. "$("親要素").has("子要素").length"ステートメントを使用し、戻り値が 1 の場合、指定された子要素が存在します。 2. を使用します。 「$("親要素").children("子要素").length」ステートメントの戻り値が1以上の場合、指定した子要素が存在します。

指定された子要素がjqueryに存在するかどうかを確認する方法

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

jquery は、指定された子要素が存在するかどうかを判断します

方法 1: has() メソッドを使用します

has() 一致する要素のセットを、指定されたセレクターまたは DOM 要素と一致する子孫を持つサブセットに縮小します。

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					if ($("div").has("span").length) {
						console.log("指定子元素存在")
					} else {
						console.log("指定子元素不存在")
					}
				});
			});
		</script>
	</head>

	<body>
		<div style="border: 1px solid red;">
			<p>子元素1</p>
			<span>子元素2</span>
		</div><br>
		<button>指定子元素span是否存在</button>
	</body>
</html>

指定された子要素がjqueryに存在するかどうかを確認する方法

メソッド 2: Children() を使用する

Children() メソッドは、選択した要素のすべての直接の子要素を返します。

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					if ($("div").children("p").length) {
						console.log("指定子元素存在");
						console.log($("div").children("p").length);
					} else {
						console.log("指定子元素不存在");
						console.log($("div").children("p").length);
					}
				});
			});
		</script>
	</head>

	<body>
		<div style="border: 1px solid red;">
			<p>子元素1</p>
			<span>子元素2</span>
			<span>子元素2</span>
			<p>子元素3</p>
			<p>子元素4</p>
		</div><br>
		<button>指定子元素是否存在</button>
	</body>
</html>

指定された子要素がjqueryに存在するかどうかを確認する方法

[推奨学習: jQuery ビデオ チュートリアル Web フロントエンド ]

以上が指定された子要素がjqueryに存在するかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。