如何在jQuery中检查空对象

2020/10/24 05:41 · javascript ·  · 0评论

我正在使用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);
}

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

$("#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
}
本文地址:http://javascript.askforanswer.com/ruhezaijqueryzhongjianchakongduixiang.html
文章标签: ,   ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!