jQuery是否有“exists”函数？

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

我现在的代码是：

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

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

当前回答

如果您使用

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 */ }

其他回答

您可以使用此选项：

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

// if element does not exist
if(!$('selector').length){ /* 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]) ...;

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

这与所有答案非常相似，但为什么不使用！运算符两次，这样可以得到布尔值：

jQuery.fn.exists = function(){return !!this.length};

if ($(selector).exists()) {
    // the element exists, now what?...
}

if ( $('#myDiv').size() > 0 ) { //do something }

size（）统计选择器返回的元素数

推荐文章