¿Cómo puedo detectar si un selector devuelve nulo?

Question

¿Cuál es la mejor manera de detectar si un jQuery-selector devuelve un objeto vacío. Si lo hace:

alert($('#notAnElement')); 

se obtiene [object Object], por lo que la forma en que hago ahora es:

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

que escribir "indefinido", y lo que puede hacer un cheque por ese. Pero parece muy malo. ¿Qué otra manera hay?

Answer 1

Mi favorito es extender jQuery con esta pequeña conveniencia:

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

utilizado como:

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

más explícito que el uso de longitud.

Answer 2

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

Answer 3

El selector devuelve una matriz de objetos jQuery. Si no se encuentran elementos coincidentes, devuelve una matriz vacía. Puede verificar el .length de la colección devuelta por el selector o verificar si el primer elemento de la matriz está 'indefinido'.

Puede usar cualquiera los siguientes ejemplos dentro de una instrucción IF y todos producen el mismo resultado. Es cierto, si el selector encontró un elemento coincidente, de lo contrario es falso.

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

Answer 4

me gustaría hacer algo como esto:

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

Así que usted puede hacer algo como esto:

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

Mi preferencia, y no tengo ni idea de por qué esto no está ya en jQuery:

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

usados ​​como esto:

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

O, como se ve en CoffeeScript:

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

Answer 6

me gusta usar presence, inspirado en Ruby on Rails:

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

Su ejemplo se convierte en:

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

Lo encuentro superior al propuesto $.fn.exists porque todavía puede usar operadores booleanos o if, pero el resultado verdadero es más útil.Otro ejemplo:

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

Answer 7

Esto está en la documentación de jQuery:

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

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