jQuery判断元素是否存在的可靠方法

2019/6/29 22:37:44

编程Tag： jQuery 是否存在

本文主要是介绍jQuery判断元素是否存在的可靠方法，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

最简单的办法是判断元素匹配长度

譬如HTML代码：

复制代码 代码如下:
<div class='mydiv'></div>

通常我们的做法是

复制代码 代码如下:
if($('.mydiv').length>0)

比较可靠且不会出错的做法是：

复制代码 代码如下:

if($('.mydiv').length && $('.mydiv').length>0)
  return true;

 

使用传统javascript方法，如下：

复制代码 代码如下:

if(document.getElementById('div')) {    
    // 找到到对应元素
} else {    
    // 没有找到找到到对应元素
}

使用jQuery则比较简单，只需判断此元素的长度是否为0，如果为0则此元素不存在，代码如下：

复制代码 代码如下:

if ($("#div").length > 0){
    // 找到对应id=div的元素，然后执行此块代码
}

甚至能找到组合元素，如下，我们找一个id定义为div的元素里面是否包含img，代码如下：
复制代码 代码如下:

if ($("#div img").length > 0){
    // 找到对应id=div并且包含img的元素，然后执行此块代码
}

是不是很简单，大家可以尝试使用一下


这篇关于jQuery判断元素是否存在的可靠方法的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！


相关编程文章

更多>
本站官方QQ
官方QQ:
23002807

沪ICP备2023033072号-1

     

扫一扫关注最新编程教程