如何检查jQuery中元素的存在？
我现在的代码是：
if ($(selector).length > 0) {
// Do something
}
有没有更优雅的方式来处理这个问题？也许是插件或函数？
当前回答
试试这个。
简单、简短，可在整个项目中使用：
jQuery.fn.exists=function(){return !!this[0];}; //jQuery Plugin
用法：
console.log($("element-selector").exists());
_________________________________
或更短：（当您不想定义jQuery插件时）：
if(!!$("elem-selector")[0]) ...;
甚至
if($("elem-selector")[0]) ...;
其他回答
您可以使用此选项：
// if element exists
if($('selector').length){ /* do something */ }
// if element does not exist
if(!$('selector').length){ /* do something */ }
不需要jQuery（基本解决方案）
if(document.querySelector('.a-class')) {
// do something
}
下面的选项性能更高（注意a类前面没有点）。
if(document.getElementsByClassName('a-class')[0]) {
// do something
}
querySelector在jQuery中使用了一个适当的匹配引擎，比如$（）（sizzle），并使用了更多的计算能力，但在99%的情况下都会很好。第二个选项更加明确，并且告诉代码要做什么https://jsbench.me/65l2up3t8i
$.contains（）是您想要的吗？
jQuery.incontains（容器，已包含）如果第二个参数提供的DOM元素是第一个参数提供DOM元素的后代，则$.contains（）方法返回true，无论它是直接子元素还是更深层的嵌套。否则，返回false。仅支持元素节点；如果第二个参数是文本或注释节点，$.contains（）将返回false。注意：第一个参数必须是DOM元素，而不是jQuery对象或纯JavaScript对象。
使用jQuery，使用以下语法检查元素是否确实存在。
let oElement = $(".myElementClass");
if(oElement[0]) {
// Do some jQuery operation here using oElement
}
else {
// Unable to fetch the object
}
试试这个。
简单、简短，可在整个项目中使用：
jQuery.fn.exists=function(){return !!this[0];}; //jQuery Plugin
用法：
console.log($("element-selector").exists());
_________________________________
或更短：（当您不想定义jQuery插件时）：
if(!!$("elem-selector")[0]) ...;
甚至
if($("elem-selector")[0]) ...;
