Bagaimana saya bisa mendeteksi jika pemilih mengembalikan nol?

Apa cara terbaik untuk mendeteksi jika pemilih-jQuery mengembalikan objek kosong. Jika kamu melakukan:

alert($('#notAnElement'));

Anda mendapatkan [Objek objek], jadi cara saya melakukannya sekarang adalah:

alert($('#notAnElement').get(0));

yang akan menulis "tidak terdefinisi", sehingga Anda dapat melakukan pemeriksaan untuk itu. Tapi sepertinya sangat buruk. Ada cara lain apa?

Favorit saya adalah memperluas jQuery dengan kenyamanan kecil ini:

$.fn.exists = function () {
    return this.length !== 0;
}

Digunakan seperti:

$("#notAnElement").exists();

Lebih eksplisit daripada menggunakan panjang.

if ( $("#anid").length ) {
  alert("element(s) found")
} 
else {
  alert("nothing found")
}

Selector mengembalikan array objek jQuery. Jika tidak ada elemen yang cocok ditemukan, itu mengembalikan array kosong. Anda dapat memeriksa .lengthkoleksi yang dikembalikan oleh pemilih atau memeriksa apakah elemen array pertama 'tidak terdefinisi'.

Anda dapat menggunakan salah satu contoh berikut dalam sebuah pernyataan IF dan mereka semua menghasilkan hasil yang sama. Benar, jika pemilih menemukan elemen yang cocok, salah jika sebaliknya.

$('#notAnElement').length > 0
$('#notAnElement').get(0) !== undefined
$('#notAnElement')[0] !== undefined

Saya suka melakukan sesuatu seperti ini:

$.fn.exists = function(){
    return this.length > 0 ? this : false;
}

Jadi, Anda dapat melakukan sesuatu seperti ini:

var firstExistingElement = 
    $('#iDontExist').exists() ||      //<-returns false;
    $('#iExist').exists() ||          //<-gets assigned to the variable 
    $('#iExistAsWell').exists();      //<-never runs

firstExistingElement.doSomething();   //<-executes on #iExist

http://jsfiddle.net/vhbSG/

Saya suka menggunakan presence, terinspirasi dari Ruby on Rails :

$.fn.presence = function () {
    return this.length !== 0 && this;
}

Contoh Anda menjadi:

alert($('#notAnElement').presence() || "No object found");

Saya merasa lebih unggul daripada yang diusulkan $.fn.existskarena Anda masih dapat menggunakan operator boolean atau if, tetapi hasil yang sebenarnya lebih bermanfaat. Contoh lain:

$ul = $elem.find('ul').presence() || $('<ul class="foo">').appendTo($elem)
$ul.append('...')

Preferensi saya, dan saya tidak tahu mengapa ini belum ada di jQuery:

$.fn.orElse = function(elseFunction) {
  if (!this.length) {
    elseFunction();
  }
};

Digunakan seperti ini:

$('#notAnElement').each(function () {
  alert("Wrong, it is an element")
}).orElse(function() {
  alert("Yup, it's not an element")
});

Atau, seperti yang terlihat di CoffeeScript:

$('#notAnElement').each ->
  alert "Wrong, it is an element"; return
.orElse ->
  alert "Yup, it's not an element"

Ini ada dalam dokumentasi JQuery:

http://learn.jquery.com/using-jquery-core/faq/how-do-i-test-whether-an-element-exists/

  alert( $( "#notAnElement" ).length ? 'Not null' : 'Null' );

Anda mungkin ingin melakukan ini sepanjang waktu secara default. Saya telah berjuang untuk membungkus fungsi jquery atau metode jquery.fn.init untuk melakukan ini tanpa kesalahan, tetapi Anda dapat membuat perubahan sederhana ke sumber jquery untuk melakukan ini. Termasuk beberapa garis di sekitarnya yang dapat Anda cari. Saya sarankan mencari sumber jqueryThe jQuery object is actually just the init constructor 'enhanced'

var
  version = "3.3.1",

  // Define a local copy of jQuery
  jQuery = function( selector, context ) {

    // The jQuery object is actually just the init constructor 'enhanced'
    // Need init if jQuery is called (just allow error to be thrown if not included)
    var result = new jQuery.fn.init( selector, context );
    if ( result.length === 0 ) {
      if (window.console && console.warn && context !== 'failsafe') {
        if (selector != null) {
          console.warn(
            new Error('$(\''+selector+'\') selected nothing. Do $(sel, "failsafe") to silence warning. Context:'+context)
          );
        }
      }
    }
    return result;
  },

  // Support: Android <=4.0 only
  // Make sure we trim BOM and NBSP
  rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;

jQuery.fn = jQuery.prototype = {

Terakhir, Anda dapat memperoleh kode sumber jquery yang tidak terkompresi di sini: http://code.jquery.com/