如何检查jQuery中元素的存在？
我现在的代码是：
if ($(selector).length > 0) {
// Do something
}
有没有更优雅的方式来处理这个问题？也许是插件或函数？
当前回答
您可以在java脚本中使用长度检查元素是否存在。如果长度大于零，则元素存在；如果长度为零，则元素不存在
// These by Id
if ($("#elementid").length > 0) {
// Element is Present
} else {
// Element is not Present
}
// These by Class
if ($(".elementClass").length > 0) {
// Element is Present
} else {
// Element is not Present
}
其他回答
$.contains（）是您想要的吗？
jQuery.incontains（容器，已包含）如果第二个参数提供的DOM元素是第一个参数提供DOM元素的后代，则$.contains（）方法返回true，无论它是直接子元素还是更深层的嵌套。否则，返回false。仅支持元素节点；如果第二个参数是文本或注释节点，$.contains（）将返回false。注意：第一个参数必须是DOM元素，而不是jQuery对象或纯JavaScript对象。
怎么样：
function exists(selector) {
return $(selector).length;
}
if (exists(selector)) {
// do something
}
它非常简单，而且每次都不用用$（）括住选择器。
Yes!
jQuery.fn.exists = function(){ return this.length > 0; }
if ($(selector).exists()) {
// Do something
}
这是对杰夫·阿特伍德主持的《放牧守则》播客的回应
我只是喜欢使用普通的javascript来实现这一点。
function isExists(selector){
return document.querySelectorAll(selector).length>0;
}
将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');
}
