JQuery - how to check if an element exists?

Question

I know you can check for width() or height() , but what if the element's display property is set to none? What else needs to be checked to make sure the item exists?

Answer 1

You can use length to find out if your selector matches anything.

 if ($('#MyId').length) { // do your stuff } 

Answer 2

Assuming you are trying to find if a div exists

 $('div').length ? alert('div found') : alert('Div not found') 

Check out the working example http://jsfiddle.net/Qr86J/1/

Answer 3

You can use the visible selector:

http://api.jquery.com/visible-selector/

Answer 4

jQuery should be able to find even hidden elements. It also has :visible and :hidden selectors to search for both visible and hidden elements.

Does it help? Not sure without additional information.

Answer 5

 if ($("#MyId").length) { ... write some code here ...} 

This automatically checks for the presence of the element and returns true if the element exists.

Answer 6

I use this:

 if ($('.div1').size() || $('.div2').size()) { console.log('ok'); } 

Answer 7

Basically, I prefer to use this syntax:

 if ($('#MyId')!= null) { // dostuff } 

Even if this code is not commented out, the functionality is obvious.