当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery判断元素是否存在的可靠方法

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

2018年04月09日  | 移动技术网IT编程  | 我要评论

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

譬如HTML代码：

. 代码如下:

<p class='myp'></p>

 

通常我们的做法是

. 代码如下:

if($('.myp').length>0)

 

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

. 代码如下:


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


 

 

使用传统javascript方法，如下：

. 代码如下:


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

 

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

. 代码如下:


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


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

. 代码如下:


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


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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网