检查jQuery中是否存在元素[重复]

2020/09/17 19:01 · javascript ·  · 0评论

如果该元素是通过.append()方法创建的,如何检查该元素是否存在
$('elemId').length对我不起作用。

$('elemId').length 对我不起作用。

您需要#在元素ID之前放置

$('#elemId').length
---^

使用香草JavaScript,不需要#例如hash(document.getElementById('id_here'),但是使用jQuery时,确实需要id基于CSS一样将哈希放入目标元素

尝试检查选择器的长度,如果选择器返回了某些内容,则该元素必须存在,否则不存在。

 if( $('#selector').length )         // use this if you are using id to check
{
     // it exists
}


 if( $('.selector').length )         // use this if you are using class to check
{
     // it exists
}

试试这个:

if ($("#mydiv").length > 0){
  // do something here
}

如果元素不存在,则length属性将返回零。

如何检查元素是否存在

if ($("#mydiv").length){  }

如果是的话0,它的结果会false更多true

不需要大于,小于比较。

elemId顾名思义,是一种Id属性,这些都是可以做,以检查它是否存在:

Vanilla JavaScript:如果您有更多高级选择器:

//you can use it for more advanced selectors
if(document.querySelectorAll("#elemId").length){}

if(document.querySelector("#elemId")){}

//you can use it if your selector has only an Id attribute
if(document.getElementById("elemId")){}

jQuery的:

if(jQuery("#elemId").length){}

您也可以使用类似数组的符号,并检查第一个元素。空数组或集合的第一个元素就是undefinedsimple,因此您将获得“正常”的javascript真实/错误行为:

var el = $('body')[0];
if (el) {
    console.log('element found', el);
}
if (!el) {
    console.log('no element found');
}

您可以使用本机JS来测试对象的存在:

if (document.getElementById('elemId') instanceof Object){
    // do something here
}

别忘了,jQuery只是围绕本机Javascript命令和属性的复杂(非常有用)包装器

如果您的元素上有一个类,则可以尝试以下操作:

if( $('.exists_content').hasClass('exists_content') ){
 //element available
}
本文地址:http://javascript.askforanswer.com/jianchajqueryzhongshifoucunzaiyuansuzhongfu.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!