Come posso rilevare se un selettore restituisce null?

Question

Qual è il modo migliore per rilevare se un jQuery-selector restituisce un oggetto vuoto. Se lo fai:

alert($('#notAnElement')); 

si ottiene [object Object], in modo che il mio modo di farlo ora è:

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

che scriverà "indefinito", e così si può fare un controllo per quella. Ma sembra molto male. Quale altro modo c'è?

Answer 1

Il mio preferito è quello di estendere jQuery con questo piccolo vantaggio:

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

Usato come:

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

più esplicito rispetto all'utilizzo di lunghezza.

Answer 2

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

Answer 3

Il selettore restituisce una serie di oggetti jQuery. Se non vengono trovati elementi corrispondenti, restituisce una matrice vuota. È possibile controllare lo .length della raccolta restituita dal selettore o controllare se il primo elemento dell'array è 'indefinito'.

È possibile utilizzare qualsiasi i seguenti esempi all'interno di un'istruzione IF e tutti producono lo stesso risultato. È vero, se il selettore ha trovato un elemento corrispondente, falso altrimenti.

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

Answer 4

mi piacerebbe fare qualcosa di simile:

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

Così allora si può fare qualcosa di simile:

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/

Answer 5

La mia preferenza, e non ho idea del perché questo non è già presente in jQuery:

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

Usato in questo modo:

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

Oppure, come appare nelle CoffeeScript:

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

Answer 6

Mi piace usare presence, ispirato da Ruby on Rails:

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

Il vostro esempio diventa:

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

Lo trovo superiore al $.fn.exists proposto perché è ancora possibile utilizzare gli operatori booleani o if, ma il risultato della verità è più utile.Un altro esempio:

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

Answer 7

Questo è nella documentazione JQuery:

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

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