JQuery は、要素が存在するかどうかを判断します。これを実現するには、jQuery .length プロパティを使用します。 DOM 内に特定の要素が存在するときにイベントがトリガーされる場合、jQuery .length プロパティを使用して要素が存在するかどうかを判断できます。

以下では、簡単なコード例を組み合わせて、要素が存在するかどうかを判断するための JQuery の具体的なメソッドを紹介します。
コード例は次のとおりです。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <!DOCTYPE html>
<html>
<head>
<meta charset= "utf-8" >
<title>JQuery判断元素是否存在的示例</title>
<script src= "https://code.jquery.com/jquery-1.12.4.min.js" ></script>
<script type= "text/javascript" >
$( function () {
$( "button" ).click( function () {
if ($( "#myDiv" ).length) {
alert( "元素已存在" );
}
else {
alert( "元素不存在" );
}
});
});
</script>
</head>
<body>
</body>
<div id= "myDiv" ></div>
<p>点击下面的按钮检查元素</p>
<button>检查元素</button>
</html>
|
ログイン後にコピー
上記のコードでは、ボタン ボタンがクリックされると、要素を判定するメソッドがトリガーされます。指定した div が存在する場合は、「要素はすでに存在します」というプロンプトが表示され、存在しない場合は「要素が存在しません」というプロンプトが表示されます。
判定結果は以下の通りです。
divがある場合、ボタンをクリックすると以下の図が表示されます。

div が存在しない場合は、ボタンをクリックすると次の画像が表示されます。

# 注
: length 属性jQuery オブジェクト内の要素の数が含まれます。 この記事は、要素が存在するかどうかを判断するための JQuery の概要です。これが、困っている友人に役立つことを願っています。
以上がJQueryで要素が存在するかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。