jQuery是否有“exists”函数？

如何检查jQuery中元素的存在？

我现在的代码是：

if ($(selector).length > 0) {
    // Do something
}

有没有更优雅的方式来处理这个问题？也许是插件或函数？

当前回答

您可以通过以下方式节省几个字节：

if ($(selector)[0]) { ... }

这是因为每个jQuery对象也伪装成一个数组，所以我们可以使用数组解引用运算符从数组中获取第一个项。如果指定索引中没有项，则返回undefined。

其他回答

对于jQuery，您不需要>0，这就是您所需要的：

if ($(selector).length)

使用vanilla JS，您可以使用：

if(document.querySelector(selector))

如果要将其转换为返回bool的函数：

const exists = selector => !!document.querySelector(selector);

if(exists(selector)){
  // some code
}

实际上不需要jQuery。使用纯JavaScript，检查以下内容更容易且语义正确：

if(document.getElementById("myElement")) {
    //Do something...
}

如果出于任何原因，您不想在元素中添加id，那么您仍然可以使用任何其他JavaScript方法来访问DOM。

jQuery确实很酷，但不要让纯JavaScript被遗忘。。。

您可以使用此选项：

// if element exists
if($('selector').length){ /* do something */ }

// if element does not exist
if(!$('selector').length){ /* do something */ }

$(selector).length && //Do something

是的最佳方法：

通过JQuery：

if($("selector").length){
   //code in the case
}

选择器可以是元素ID或元素类

如果您不想使用jQuery Library，那么可以通过使用Core JavaScript实现这一点：

通过JavaScript：

if(document.getElementById("ElementID")) {
    //Do something...
}

推荐文章