如何检查jQuery中元素的存在？
我现在的代码是：
if ($(selector).length > 0) {
// Do something
}
有没有更优雅的方式来处理这个问题？也许是插件或函数？
当前回答
将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');
}
其他回答
我发现if（$（selector）.length）｛｝不够。当选择器为空对象｛｝时，它将自动中断应用程序。
var $target = $({});
console.log($target, $target.length);
// Console output:
// -------------------------------------
// [▼ Object ] 1
// ► __proto__: Object
我唯一的建议是对｛｝执行额外的检查。
if ($.isEmptyObject(selector) || !$(selector).length) {
throw new Error('Unable to work with the given selector.');
}
我仍然在寻找一个更好的解决方案，尽管这个有点重。
编辑：警告！当选择器是字符串时，这在IE中不起作用。
$.isEmptyObject('hello') // FALSE in Chrome and TRUE in IE
Yes!
jQuery.fn.exists = function(){ return this.length > 0; }
if ($(selector).exists()) {
// Do something
}
这是对杰夫·阿特伍德主持的《放牧守则》播客的回应
实际上不需要jQuery。使用纯JavaScript，检查以下内容更容易且语义正确：
if(document.getElementById("myElement")) {
//Do something...
}
如果出于任何原因，您不想在元素中添加id，那么您仍然可以使用任何其他JavaScript方法来访问DOM。
jQuery确实很酷，但不要让纯JavaScript被遗忘。。。
我只是喜欢使用普通的javascript来实现这一点。
function isExists(selector){
return document.querySelectorAll(selector).length>0;
}
检查是否存在的最快和最语义自解释的方法实际上是使用普通JavaScript：
if (document.getElementById('element_id')) {
// Do something
}
它比jQuery长度替代方案要长一点，但执行速度更快，因为它是一个原生JS方法。
它比编写自己的jQuery函数要好。出于snover所说的原因，这种替代方案要慢一些。但这也会给其他程序员留下这样的印象：exists（）函数是jQuery固有的东西。JavaScript会/应该被其他编辑代码的人理解，而不会增加知识债务。
注意：注意element_id前面缺少“#”（因为这是纯JS，而不是jQuery）。
