jQuery是否有“exists”函数？

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

我现在的代码是：

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

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

当前回答

是的最佳方法：

通过JQuery：

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

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

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

通过JavaScript：

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

其他回答

不，没有这样的方法。但是您可以为自己的jQuery扩展jQuery。目前（2022年）的做法是：

jQuery.fn.extend({
  exists() { return !!this.length }
});

将querySelectorAll与forEach一起使用，无需if和额外赋值：

document.querySelectorAll('.my-element').forEach((element) => {
  element.classList.add('new-class');
});

与以下内容相反：

const myElement = document.querySelector('.my-element');
if (myElement) {
  element.classList.add('new-class');
}

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

在Javascript中

if (typeof selector != "undefined") {
   console.log("selector exists");
} else {
   console.log("selector does not exists");
}

在jQuery中

if($('selector').length){
    alert("selector exists");
} else{
    alert("selector does not exists");
}

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

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

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

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

推荐文章