如何检查jQuery中元素的存在？
我现在的代码是：
if ($(selector).length > 0) {
// 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.fn.extend({
exists: function() { return this.length }
});
if($(selector).exists()){/*do something*/}
我看到这里的大多数答案都不准确，他们检查了元素长度，在很多情况下都可以，但不是100%，想象一下如果数字传递给函数，所以我原型化了一个函数，它检查所有条件并返回应该的答案：
$.fn.exists = $.fn.exists || function() {
return !!(this.length && (this[0] instanceof HTMLDocument || this[0] instanceof HTMLElement));
}
这将检查长度和类型，现在您可以这样检查：
$(1980).exists(); //return false
$([1,2,3]).exists(); //return false
$({name: 'stackoverflow', url: 'http://www.stackoverflow.com'}).exists(); //return false
$([{nodeName: 'foo'}]).exists() // returns false
$('div').exists(); //return true
$('.header').exists(); //return true
$(document).exists(); //return true
$('body').exists(); //return true
试试这个。
简单、简短，可在整个项目中使用：
jQuery.fn.exists=function(){return !!this[0];}; //jQuery Plugin
用法：
console.log($("element-selector").exists());
_________________________________
或更短：（当您不想定义jQuery插件时）：
if(!!$("elem-selector")[0]) ...;
甚至
if($("elem-selector")[0]) ...;
实际上不需要jQuery。使用纯JavaScript，检查以下内容更容易且语义正确：
if(document.getElementById("myElement")) {
//Do something...
}
如果出于任何原因，您不想在元素中添加id，那么您仍然可以使用任何其他JavaScript方法来访问DOM。
jQuery确实很酷，但不要让纯JavaScript被遗忘。。。
尝试测试DOM元素
if (!!$(selector)[0]) // do stuff
