ホームページ > 記事 > ウェブフロントエンド > 指定された子要素がjqueryに存在するかどうかを確認する方法
指定された子要素がjqueryに存在するかどうかを確認する方法
- 青灯夜游オリジナル
- 2022-02-28 15:24:022446ブラウズ
判定方法: 1. "$("親要素").has("子要素").length"ステートメントを使用し、戻り値が 1 の場合、指定された子要素が存在します。 2. を使用します。 「$("親要素").children("子要素").length」ステートメントの戻り値が1以上の場合、指定した子要素が存在します。
このチュートリアルの動作環境: 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>
メソッド 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 ビデオ チュートリアル 、Web フロントエンド ]
以上が指定された子要素がjqueryに存在するかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。