Heim > Artikel > Web-Frontend > jQuery检测某个元素是否存在代码分享_jquery
jQuery检测某个元素是否存在代码分享_jquery
- WBOYOriginal
- 2016-05-16 15:51:00949Durchsuche
代码中可能有这样的情况，根据元素是否存在来执行不同的操作，这样就需要判断指定的元素是否存在。
使用$(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>
如果集合中元素的数量大于零，那么元素存在，否则指定元素不存在。
以上所述就是本文的全部内容了，希望大家能够喜欢
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：javascript实现10个球随机运动、碰撞实例详解_javascript技巧Nächster Artikel：javascript数组排序汇总_javascript技巧