Cách kiểm tra các đối tượng null trong jQuery

Tôi đang sử dụng jQuery và tôi muốn kiểm tra sự tồn tại của một yếu tố trong trang của mình. Tôi đã viết mã sau đây, nhưng nó không hoạt động:

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

Làm cách nào để kiểm tra sự tồn tại của phần tử?

Kiểm tra Câu hỏi thường gặp về jQuery ...

Bạn có thể sử dụng thuộc tính độ dài của bộ sưu tập jQuery được bộ chọn của bạn trả về:

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

(Vì tôi dường như không có đủ danh tiếng để bỏ phiếu trả lời ...)

Sói đã viết:

Gọi thuộc tính độ dài trên không xác định hoặc đối tượng null sẽ khiến trình duyệt IE và webkit bị lỗi!

Thay vào đó hãy thử điều này:

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

hoặc là

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

Mặc dù đúng là việc gọi thuộc tính độ dài trên một đối tượng không xác định hoặc null sẽ khiến trình duyệt không thành công, kết quả của các bộ chọn của jQuery ($ ('...')) sẽ không bao giờ là null hoặc không xác định. Do đó, các đề xuất mã không có ý nghĩa. Sử dụng một trong những câu trả lời khác, chúng có ý nghĩa hơn.

(Cập nhật 2012) Bởi vì mọi người nhìn vào mã và câu trả lời này khá cao trong danh sách: Trong vài năm qua, tôi đã sử dụng plugin nhỏ này:

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

Tôi nghĩ $ ('div'). Any () đọc tốt hơn $ ('div'). Độ dài , cộng với bạn sẽ không phải chịu nhiều lỗi chính tả: $ ('div'). Ayn () sẽ báo lỗi thời gian chạy , $ ('div'). chiều dài rất có thể sẽ luôn bị giả mạo.

__
Chỉnh sửa tháng 11 năm 2012:

1) Vì mọi người có xu hướng nhìn vào mã và không đọc những gì được nói xung quanh mã, tôi đã thêm hai ghi chú lector lớn vào mã được trích dẫn của Wolf.
2) Tôi đã thêm mã của plugin nhỏ tôi sử dụng cho tình huống này.

Hàm tra cứu trả về một mảng các phần tử phù hợp. Bạn có thể kiểm tra nếu độ dài bằng không. Lưu ý thay đổi để chỉ tra cứu các yếu tố một lần và sử dụng lại kết quả khi cần thiết.

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

Ngoài ra, bạn đã thử chỉ sử dụng chức năng văn bản - nếu không có phần tử nào tồn tại, nó sẽ không làm gì cả.

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

Hàm jquery $ () luôn trả về giá trị không null - các phần tử trung bình khớp với bạn chọn cretaria. Nếu phần tử không được tìm thấy, nó sẽ trả về một mảng trống. Vì vậy, mã của bạn sẽ trông giống như thế này -

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

Trong jQuery 1.4, bạn có được hàm $ .isEmptyObject, nhưng nếu bạn buộc phải sử dụng phiên bản cũ hơn của jQ như chúng tôi, các nhà phát triển Drupal nghèo chỉ ăn cắp sử dụng mã này:

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

Sử dụng nó như:

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

bất kể bạn chọn gì là hàm $()luôn trả về một đối tượng jQuery để không thể sử dụng để kiểm tra. Cách tốt nhất (nếu không phải là duy nhất) là sử dụng size()hàm hoặc thuộc tính độ dài riêng như đã giải thích ở trên.

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

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

Đối tượng jQuery được trả về bởi tất cả các phương thức jQuery gốc KHÔNG phải là một mảng, nó là một đối tượng có nhiều thuộc tính; một trong số họ là một tài sản "chiều dài". Bạn cũng có thể kiểm tra kích thước () hoặc get (0) hoặc get () - 'get (0)' hoạt động tương tự như truy cập phần tử đầu tiên, tức là $ (elem) [0]

Còn việc sử dụng "không xác định" thì sao?

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

sử dụng $("#selector").get(0)để kiểm tra với null như thế. nhận được trả về phần tử dom, cho đến khi đó bạn đang xử lý một mảng, nơi bạn cần kiểm tra thuộc tính độ dài. Cá nhân tôi không thích kiểm tra độ dài để xử lý null, vì một số lý do khiến tôi bối rối :)

Sử dụng tài sản chiều dài bạn có thể làm điều này.

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

Khi đối tượng trống, trả về lỗi này:

Uncaught TypeError: Cannot read property '0' of null

Tôi thử mã này:

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

Gọi thuộc tính độ dài trên không xác định hoặc đối tượng null sẽ khiến trình duyệt IE và webkit bị lỗi!

Thay vào đó hãy thử điều này:

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

hoặc là

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