jQuery偵測某個元素是否存在程式碼分享_jquery
- WBOY原創
- 2016-05-16 15:51:00984瀏覽
程式碼中可能有這樣的情況，根據元素是否存在來執行不同的操作，這樣就需要判斷指定的元素是否存在。
使用$(selector)可以獲得匹配元素集合，而匹配元素集合的length屬性可以獲得集合中匹配元素的個數，所以只要判斷length屬性值是否為零，就可以判斷元素是否存在。程式碼實例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#check").click(function(){
if($(".mytest").length>0){
alert("此元素存在");
}
})
})
</script>
<body>
<ul>
<li>太阳出来了</li>
<li>脚本之家</li>
<li class="mytest">div+css教程</li>
</ul>
<button id="check">点击检测</button>
</body>
</html>
如果集合中元素的數量大於零，那麼元素存在，否則指定元素不存在。
以上所述就是本文的全部內容了，希望大家能夠喜歡
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn