Wie kann ich feststellen, ob ein Selektor null zurückgibt?

Was ist der beste Weg, um festzustellen, ob ein jQuery-Selektor ein leeres Objekt zurückgibt? Wenn Sie tun:

alert($('#notAnElement'));

Du bekommst [Objekt Objekt], also mache ich es jetzt so:

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

Das wird "undefined" schreiben, und so können Sie das überprüfen. Aber es scheint sehr schlimm. Welchen anderen Weg gibt es?

Mein Favorit ist es, jQuery mit diesem winzigen Komfort zu erweitern:

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

Verwendet wie:

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

Expliziter als die Verwendung von Länge.

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

Der Selektor gibt ein Array von jQuery-Objekten zurück. Wenn keine übereinstimmenden Elemente gefunden werden, wird ein leeres Array zurückgegeben. Sie können die .lengthvom Selektor zurückgegebene Sammlung überprüfen oder prüfen, ob das erste Array-Element 'undefiniert' ist.

Sie können verwenden alle die folgenden Beispiele innerhalb einer IF - Anweisung und sie alle das gleiche Ergebnis. True, wenn der Selektor ein passendes Element gefunden hat, andernfalls false.

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

Ich mache gerne so etwas:

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

Dann können Sie so etwas tun:

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/

Ich benutze gerne presence, inspiriert von Ruby on Rails :

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

Ihr Beispiel wird:

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

Ich finde es dem vorgeschlagenen überlegen, $.fn.existsweil Sie immer noch boolesche Operatoren oder verwenden können if, aber das wahrheitsgemäße Ergebnis ist nützlicher. Ein anderes Beispiel:

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

Meine Präferenz und ich habe keine Ahnung, warum dies nicht bereits in jQuery ist:

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

So verwendet:

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

Oder wie es in CoffeeScript aussieht:

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

Dies ist in der JQuery-Dokumentation enthalten:

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

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

Möglicherweise möchten Sie dies standardmäßig die ganze Zeit tun. Ich habe versucht, die jquery-Funktion oder die jquery.fn.init-Methode zu umbrechen, um dies ohne Fehler zu tun, aber Sie können dazu einfach die jquery-Quelle ändern. Enthalten sind einige umgebende Linien, nach denen Sie suchen können. Ich empfehle, jquery source nach zu suchenThe 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 = {

Last but not least können Sie den unkomprimierten jquery-Quellcode hier herunterladen: http://code.jquery.com/