如何在 jQuery 中检查 null 对象

Question

我正在使用 jQuery，我想检查页面中是否存在某个元素。 我编写了以下代码，但它不起作用：

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

How do I check the element of the element?

Answer 1

检查 jQuery 常见问题解答...

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

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

Answer 2

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

Wolf 写道：

在未定义时调用 length 属性
或者 null 对象将导致 IE 和
webkit 浏览器失败！

试试这个：

 // 注意！   以下是错误的；   不使用！   ——埃莱奥特尔·克拉姆 
  if($("#something") !== null){ 
    // 做一点事 
  } 
  

或

 // 注意！   以下是错误的；   不使用！   ——埃莱奥特尔·克拉姆 
  if($("#something") === null){ 
    // 不做某事 
  } 
  

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

---

（2012 年更新）因为人们查看代码，这个答案在列表中非常靠前：在过去的几年里，我一直在使用这个小插件：

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

我认为 $('div').any()< /strong> 比 $('div').length 读起来更好，而且您不会因为拼写错误而受到太大影响：$('div').ayn()会给出运行时错误， $('div').lenght 很可能总是为假。

__
2012 年 11 月编辑：

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

Answer 3

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

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

另外，您是否尝试过仅使用文本函数——如果不存在元素，它将什么也不做。

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

Answer 4

jquery $() 函数总是返回非空值 - 意味着与您选择器 cretaria 匹配的元素。 如果未找到该元素，它将返回一个空数组。
所以你的代码看起来像这样 -

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

Answer 5

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

// 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.

Answer 6

使用“未定义”怎么样？

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

Answer 7

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

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

Answer 8

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

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

Answer 9

使用 $("#selector").get(0) 来检查 null 。 get 返回 dom 元素，在此之前您正在处理一个数组，您需要在其中检查 length 属性。 我个人不喜欢空处理的长度检查，它由于某种原因让我感到困惑:)

Answer 10

使用 length 属性你可以做到这一点。

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

Answer 11

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

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

Answer 12

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

Answer 13

在未定义或空对象上调用 length 属性将导致 IE 和 webkit 浏览器失败！

而是尝试这个：

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

或者

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