Determining whether jQuery has not found any element

jquery css-selectors
Bardock picture Bardock · May 20, 2010 · Viewed 82.8k times · Source

I'm using jQuery's selectors, especially id selector:

$("#elementId")...

How should I determine whether jQuery has found the element or not? Even If the element with the specified id doesn't exist the next statement give me: [object Object]

alert($("#idThatDoesnotexist"));

Answer

futuraprime picture futuraprime · May 20, 2010

$('#idThatDoesnotexist').length is what you're looking for. (If it finds nothing, this will === 0.) So your conditional statement should probably be:

if($('#id').length) { /* code if found */ } else { /* code if not found */ }

You're getting an object returned from that alert because jQuery (almost) always returns the "jQuery object" when you use it, which is a wrapper for the elements jQuery's found that permits method chaining.

Related questions

jQuery first child of "this"

I'm trying to pass "this" from a clicked span to a jQuery function that can then execute jQuery on that clicked element's first child. Can't seem to get it right... <p onclick="toggleSection($(this));"><span class="redClass"&…

Read More
jQuery: select an element's class and id at the same time?

I've got some links that I want to select class and id at the same time. This is because I've got 2 different behaviours. When a class of links got one class name they behave in one way, when the same …

Read More
Jquery $(this) Child Selector

I'm using this: jQuery('.class1 a').click( function() { if ($(".class2").is(":hidden")) { $(".class2").slideDown("slow"); } else { $(".class2").slideUp(); } }); On page structure: <div class="class1"> <a href="...">text</a> <div class="class2">…

Read More