วิธีการตรวจสอบวัตถุว่างใน jQuery

ฉันใช้ jQuery และฉันต้องการตรวจสอบการมีอยู่ขององค์ประกอบในหน้าของฉัน ฉันเขียนโค้ดต่อไปนี้แล้ว แต่มันไม่ทำงาน:

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

ฉันจะตรวจสอบการมีอยู่ขององค์ประกอบได้อย่างไร

ตรวจสอบคำถามที่พบบ่อยของ jQuery ...

คุณสามารถใช้คุณสมบัติความยาวของคอลเลกชัน jQuery ที่ส่งคืนโดยตัวเลือกของคุณ:

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

(เนื่องจากฉันดูเหมือนจะมีชื่อเสียงไม่พอที่จะโหวตคำตอบ ... )

Wolfเขียนว่า:

การโทรหาคุณสมบัติความยาวบนที่ไม่ได้กำหนดหรือวัตถุว่างเปล่าจะทำให้เบราว์เซอร์ 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 จะทำให้เบราว์เซอร์ล้มเหลวผลลัพธ์ของตัวเลือกของ jQuery ($ ('... ')) จะไม่เคยเป็นโมฆะหรือไม่ได้กำหนดไว้ ดังนั้นการแนะนำรหัสจึงไม่สมเหตุสมผล ใช้หนึ่งในคำตอบอื่น ๆ พวกเขามีเหตุผลมากขึ้น

(อัปเดต 2012) เนื่องจากผู้คนมองดูโค้ดและคำตอบนี้ค่อนข้างสูงในรายการ: ในช่วงสองสามปีที่ผ่านมาฉันใช้ปลั๊กอินขนาดเล็กนี้:

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

ฉันคิดว่า$ ('div') ใด ๆ ()อ่านดีกว่า$ ('div') ความยาวรวมทั้งคุณจะไม่ได้รับความผิดพลาดมากจากการพิมพ์ผิด: $ ('div') ayn ()จะให้ข้อผิดพลาดรันไทม์ , $ ('div'). lenghtจะเงียบเกินไป

__
แก้ไขพฤศจิกายน 2012:

1) เนื่องจากผู้คนมักจะมองที่โค้ดและไม่ได้อ่านสิ่งที่ถูกกล่าวถึงในโค้ดฉันจึงได้เพิ่มคำบรรยายขนาดใหญ่สองคำในรหัสที่อ้างถึงของ Wolf
2) ฉันเพิ่มรหัสของปลั๊กอินขนาดเล็กที่ฉันใช้สำหรับสถานการณ์นี้

ฟังก์ชันการค้นหาส่งคืนอาร์เรย์ขององค์ประกอบที่ตรงกัน คุณสามารถตรวจสอบว่ามีความยาวเป็นศูนย์หรือไม่ บันทึกการเปลี่ยนแปลงเพื่อค้นหาองค์ประกอบครั้งเดียวและนำผลลัพธ์กลับมาใช้ใหม่ตามต้องการ

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

คุณเคยลองใช้ฟังก์ชั่นข้อความหรือไม่ถ้าไม่มีองค์ประกอบมันจะไม่ทำอะไรเลย

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

jquery $ () ฟังก์ชั่นคืนค่าที่ไม่ใช่ศูนย์เสมอ - องค์ประกอบที่ตรงกับที่คุณเลือก 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 ดั้งเดิมทั้งหมดไม่ใช่อาร์เรย์ แต่เป็นวัตถุที่มีคุณสมบัติมากมาย หนึ่งในนั้นคือ "ความยาว" คุณสมบัติ คุณสามารถตรวจสอบขนาด () หรือรับ (0) หรือรับ () - 'get (0)' ทำงานเหมือนกับการเข้าถึงองค์ประกอบแรกเช่น $ (elem) [0]

สิ่งที่เกี่ยวกับการใช้ "ไม่ได้กำหนด"?

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

ใช้$("#selector").get(0)เพื่อตรวจสอบกับ null เช่นนั้น get ส่งคืนองค์ประกอบ dom จนกระทั่งคุณจัดการกับอาร์เรย์อีกครั้งซึ่งคุณต้องตรวจสอบคุณสมบัติความยาว โดยส่วนตัวฉันไม่ชอบการตรวจสอบความยาวสำหรับการจัดการ null มันทำให้ฉันสับสนด้วยเหตุผลบางอย่าง :)

การใช้คุณสมบัติความยาวคุณสามารถทำได้

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

การโทรหาคุณสมบัติความยาวบนที่ไม่ได้กำหนดหรือวัตถุว่างเปล่าจะทำให้เบราว์เซอร์ IE และ webkit ล้มเหลว!

ลองทำสิ่งนี้แทน:

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

หรือ

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