网页上使用jquery检测id对应元素是否存在

JavaScript 前端客 4748℃ 0评论

判断页面元素是否存在js中我们直接使用document.getElementById(id)即可,jquery就直接使用$("#"+id).length即可,希望这篇文章能给各位朋友带来帮助。

使用传统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的元素,然后执行此块代码   
}

例子:
以id=abc为例
$(‘#abc’)不管页面上存不存在id=abc的元素,都会返回jQuery对象(详细内容可参照jQuery手册),因此我们就不能用if($(‘#abc’))来判断。
可以用

if($(“#abc”).size() > 0){}
或
if($(“#abc”).length > 0){}
喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)