jQuery判断元素是否存在的可靠方法_jquery
程序员文章站
2022-05-28 16:32:46
...
最简单的办法是判断元素匹配长度
if($('.mydiv').length && $('.mydiv').length>0)
return true;
if(document.getElementById('div')) {
// 找到到对应元素
} else {
// 没有找到找到到对应元素
}
if ($("#div").length > 0){
// 找到对应id=div的元素，然后执行此块代码
}
甚至能找到组合元素，如下，我们找一个id定义为div的元素里面是否包含img，代码如下：
if ($("#div img").length > 0){
// 找到对应id=div并且包含img的元素，然后执行此块代码
}
是不是很简单，大家可以尝试使用一下
譬如HTML代码：
复制代码 代码如下:
通常我们的做法是
复制代码 代码如下:
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的元素，然后执行此块代码
}
是不是很简单，大家可以尝试使用一下