JQuery: Check if element exists alongside '.remove()'

jquery exists
gavsiu picture gavsiu · Jul 16, 2011 · Viewed 21.6k times · Source

I know you can check if an element exists with $('div').length, but when an element is destroyed using .remove(), .length still reports the div exists. How can I find whether or not it actually exists?

if ($('div').length) { 
  alert('yes') 
} else { 
  alert('no') 
}

Answer

Felix Kling picture Felix Kling · Jul 16, 2011

Test whether it has a parent:

if ($element.parent().length) { alert('yes') }
else { alert('no') }

or if you have a reference to the DOM element:

if(element.parentNode) {
    // yes
}

Obviously, this only works for elements you already have a reference to.

FWIW, the element itself still exists, it is just not part of the DOM tree.

Related questions

Check if a div exists with jquery

Yes, I know this has been asked a lot. But, it confuses me, since the results on google for this search show different methods (listed below) $(document).ready(function() { if ($('#DivID').length){ alert('Found with Length'); } if ($('#DivID').…

Read More
If one of two elements exists, do something

I currently do this to check if one of two elements exists: if ($(".element1").length > 0 || $(".element2").length > 0) { //do stuff... } Is there a better way to rewrite the same? I mean, is .length the same as .length > 0?

Read More
How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More