jQuery是否有“exists”函数？

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

我现在的代码是：

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

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

当前回答

只需检查选择器的长度，如果它大于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
}

其他回答

你可以使用这个：

jQuery.fn.extend({
    exists: function() { return this.length }
});

if($(selector).exists()){/*do something*/}

检查jQuery中是否存在元素并不是所有的答案都是无懈可击的。经过多年的编码，只有此解决方案不会对存在与否发出任何警告：

if($(selector).get(0)) { // Do stuff }

或者在你的职能开始时保释：

if(!$(selector).get(0)) return;

解释

在这种情况下，您不必处理零|空长度问题。这会强制获取一个元素，而不是计算它们。

如果您使用

jQuery.fn.exists = function(){return ($(this).length > 0);}
if ($(selector).exists()) { }

你会暗示链接是可能的，而不是可能的。

这样会更好：

jQuery.exists = function(selector) {return ($(selector).length > 0);}
if ($.exists(selector)) { }

或者，从常见问题解答：

if ( $('#myDiv').length ) { /* Do something */ }

您也可以使用以下选项。如果jQuery对象数组中没有值，那么获取数组中的第一个项将返回undefined。

if ( $('#myDiv')[0] ) { /* Do something */ }

您不必检查它是否大于0，例如$（selector）.length>0，$（selected）.llength，这就足够了，是检查元素存在的一种优雅方式。我认为仅为此编写函数是不值得的，如果你想做更多额外的事情，那么是的。

if($(selector).length){
  // true if length is not 0
} else {
  // false if length is 0
}

您可以使用此选项：

// if element exists
if($('selector').length){ /* do something */ }

// if element does not exist
if(!$('selector').length){ /* do something */ }

推荐文章