jQuery判斷元素是否存在的方法

更新時間：2021-09-01 11:29:48 來源：動力節點瀏覽2384次

在 jQuery中，您可以使用.length屬性來檢查元素是否存在。如果元素存在，則length屬性將返回匹配元素的總數。

例如，

f($('#div1').length){
	alert("Div1 exists");
}else{
	alert("Div1 does not exists");
}

檢查id為“div1”的元素是否存在。

jQuery長度示例

<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
</head>
<body>
<h1>jQuery check if an element exists</h1>
<script type="text/javascript">
  $(document).ready(function(){
    $("#buttonDiv1").click(function () {		
	if($('#div1').length){
		alert("Div1 exists");
	}else{
		alert("Div1 does not exists");
	}			
    });
    $("#buttonDiv2").click(function () {		
	if($('#div2').length){
		alert("Div2 exists");
	}else{
		alert("Div2 does not exists");
	}			
    });	
  });
</script>
</head><body>
<div id="div1">
	<b>This is DIV element which has an ide of "div1"</b>
</div>
<br/>
<br/>
<br/>
<input type='button' value='div1 exists?' id='buttonDiv1'>
<input type='button' value='div2 exists?' id='buttonDiv2'>
</body>
</html>

以上就是動力節點小編介紹的"jQuery判斷元素是否存在的方法"，希望對大家有幫助，想了解更多可查看 jQuery教程。動力節點Java在線學習教程，針對沒有任何Java基礎的讀者學習,讓你從入門到精通,主要介紹了一些Java基礎的核心知識，讓同學們更好更方便的學習和了解Java編程，感興趣的同學可以關注一下。

jQuery教程