jQuery是否有“exists”函数？

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

我现在的代码是：

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

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

当前回答

默认情况下-否。

长度属性通常以以下方式用于相同的结果：

if ($(selector).length)

在这里，“选择器”将被您感兴趣的实际选择器替换，无论它是否存在。如果它确实存在，那么length属性将输出一个大于0的整数，因此If语句将变为true，从而执行If块。如果没有，它将输出整数“0”，因此If块不会被执行。

其他回答

在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");
}

感谢您分享这个问题。首先，有多种方法可以检查它。如果您想检查DOM中是否存在HTML元素。为此，您可以尝试以下方法。

使用Id选择器：在DOM中按Id选择元素，应该提供以前缀（#）开头的Id名称。您必须确保DOM中的每个Html元素都必须具有唯一的id。使用类选择器：可以使用前缀（.）选择属于特定类的所有元素。

现在，如果您想检查元素是否存在于DOM中，可以使用以下代码检查它。

if（$（“#myId”）.length）{//id选择器} if（$（“.myClass”）.length）{//类别选择器}

如果要检查任何变量是否未定义。您可以使用以下代码进行检查。

让x如果（x）console.log（“X”）；其他的console.log（“X未定义”）；

将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');
}

只需检查选择器的长度，如果它大于0，则返回true，否则返回false。

对于ID：

 if( $('#selector').length )         // use this if you are using id to check
{
     // it exists
}

对于类别：

 if( $('.selector').length )         // use this if you are using class to check
{
     // it exists
}

对于下拉列表：

if( $('#selector option').size() ) {   // use this if you are using dropdown size to check

   // it exists
}

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

推荐文章