首页 > 语言 > JavaScript > 正文

jQuery检测某个元素是否存在代码分享

2024-05-06 16:23:00
字体:
来源:转载
供稿:网友

本文给大家讲解的是使用jQuery检测某个元素是否存在的代码和思路,十分的实用,有需要的小伙伴可以参考下。

代码中可能有这样的情况,根据元素是否存在来执行不同的操作,这样就需要判断指定的元素是否存在。

使用$(selector)可以获得匹配元素集合,而匹配元素集合的length属性可以获得集合中匹配元素的个数,所以只要判断length属性值是否为零,就可以判断元素是否存在。代码实例如下:

 

 
  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta charset="utf-8"
  5. <title>武林网</title> 
  6. <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
  7. <script type="text/javascript"
  8. $(document).ready(function(){ 
  9. $("#check").click(function(){ 
  10. if($(".mytest").length>0){ 
  11. alert("此元素存在"); 
  12. })  
  13. }) 
  14. </script> 
  15. <body> 
  16. <ul> 
  17. <li>太阳出来了</li> 
  18. <li>武林网</li> 
  19. <li class="mytest">div+css教程</li> 
  20. </ul> 
  21. <button id="check">点击检测</button> 
  22. </body> 
  23. </html> 

如果集合中元素的数量大于零,那么元素存在,否则指定元素不存在。

以上所述就是本文的全部内容了,希望大家能够喜欢

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选