如何在jQuery中检查空对象

我正在使用jQuery，我想检查页面中元素的存在。我已经编写了以下代码，但无法正常工作：

if($("#btext" + i) != null) {
    //alert($("#btext" + i).text());
    $("#btext" + i).text("Branch " + i);
}

如何检查元素的存在？

检查jQuery FAQ ...

您可以使用选择器返回的jQuery集合的length属性：

if ( $('#myDiv').length ){}

（因为我似乎没有足够的声誉来否决答案……）

狼写道：

在undefined或null对象上调用length属性将导致IE和Webkit浏览器失败！

而是尝试以下方法：

 // NOTE!! THE FOLLOWING IS WRONG; DO NOT USE!  -- EleotleCram
if($("#something") !== null){
  // do something
}

要么

 // NOTE!! THE FOLLOWING IS WRONG; DO NOT USE!  -- EleotleCram
if($("#something") === null){
  // don't do something
}

确实，在未定义或null对象上调用length属性会导致浏览器失败，但是jQuery选择器（$（'...'））的结果将永远不会为null或undefined。因此，代码建议毫无意义。使用其他答案之一，它们更有意义。

（2012年更新）因为人们看着代码，而且答案很明显：在过去的几年中，我一直在使用这个小插件：

  jQuery.fn['any'] = function() {
     return (this.length > 0);
  };

我认为$（'div'）。any（）的读取效果好于$（'div'）。length，而且您不会遭受错别字的困扰：$（'div'）。ayn（）将给出运行时错误，$（'div'）。lenght将很可能始终是虚假的。

__
2012年11月修改：

1）因为人们倾向于看代码而不是阅读代码周围的内容，所以我在引用的Wolf代码中添加了两个重要的注意事项。
2）我添加了用于这种情况的小插件的代码。

查找函数返回匹配元素的数组。您可以检查长度是否为零。请注意，所做的更改仅查找元素一次，然后根据需要重新使用结果。

var elem = $("#btext" + i);
if (elem.length != 0) {
   elem.text("Branch " + i);
}

另外，您是否尝试过仅使用text函数-如果不存在任何元素，它将什么都不做。

$("#btext" + i).text("Branch " + i);

jQuery $（）函数始终返回非null值-表示与选择器Cretaria匹配的元素。如果找不到该元素，它将返回一个空数组。因此，您的代码将如下所示-

if ($("#btext" + i).length){
        //alert($("#btext" + i).text());
    $("#btext" + i).text("Branch " + i);
}

在jQuery 1.4中，您可以使用$ .isEmptyObject函数，但是如果您像我们这样被迫使用旧版本的jQ，可怜的Drupal开发人员只会偷用以下代码：

// This is a function similar to the jQuery 1.4 $.isEmptyObject.
function isObjectEmpty(obj) {
  for ( var name in obj ) {
    return false;
  }
  return true;
}

像这样使用它：

console.log(isObjectEmpty(the_object)); // Returns true or false.

不管您选择什么，函数$()都会始终返回一个jQuery对象，因此无法进行测试。最好的方法（如果不是唯一的话）是使用size()函数或本机长度属性，如上所述。

if ( $('selector').size() ) {...}                   

if ( $('#whatever')[0] ) {...}

所有本机jQuery方法返回的jQuery对象不是数组，而是具有许多属性的对象；其中之一是“长度”属性。您也可以检查size（）或get（0）或get（）-“ get（0）”的工作方式与访问第一个元素相同，即$（elem）[0]

使用“未定义”怎么办？

if (value != undefined){ // do stuff } 

用于$("#selector").get(0)像这样检查null。get返回dom元素，直到您处理数组为止，在该数组中需要检查length属性。我个人不喜欢对null处理进行长度检查，由于某种原因，这使我感到困惑：)

使用length属性，您可以执行此操作。

jQuery.fn.exists = function(){return ($(this).length < 0);}
if ($(selector).exists()) { 
   //do somthing
}

当对象为空时返回此错误：

Uncaught TypeError: Cannot read property '0' of null

我尝试以下代码：

try{
  if ($("#btext" + i).length) {};               
}catch(err){
  if ($("#btext" + i).length) {
     //working this code if the item, not NULL 
   }
}

if (typeof($("#btext" + i)) == 'object'){
    $("#btext" + i).text("Branch " + i);
}

在undefined或null对象上调用length属性将导致IE和Webkit浏览器失败！

而是尝试以下方法：

if($("#something") !== null){
  // do something
}

要么

if($("#something") === null){
  // don't do something
}