jQuery是否有“exists”函数？

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

我现在的代码是：

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

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

当前回答

检查jQuery中是否存在元素并不是所有的答案都是无懈可击的。经过多年的编码，只有此解决方案不会对存在与否发出任何警告：

if($(selector).get(0)) { // Do stuff }

或者在你的职能开始时保释：

if(!$(selector).get(0)) return;

解释

在这种情况下，您不必处理零|空长度问题。这会强制获取一个元素，而不是计算它们。

其他回答

Yes!

jQuery.fn.exists = function(){ return this.length > 0; }

if ($(selector).exists()) {
    // Do something
}

这是对杰夫·阿特伍德主持的《放牧守则》播客的回应

if ( $('#myDiv').size() > 0 ) { //do something }

size（）统计选择器返回的元素数

您不必检查它是否大于0，例如$（selector）.length>0，$（selected）.llength，这就足够了，是检查元素存在的一种优雅方式。我认为仅为此编写函数是不值得的，如果你想做更多额外的事情，那么是的。

if($(selector).length){
  // true if length is not 0
} else {
  // false if length is 0
}

对于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被遗忘。。。

推荐文章