Check if parent element contains certain child element using jQuery

Question

<div id="example">   <div id="test"></div> </div>  <div id="another">Blah</div> 

I want to set $('#another').hide() but only if #example contains a child element called#test, is this possible? It seems like it would be.

Answer 1

Use length

if ($('#example').find('#test').length) {     // found! } 

Answer 2

I think what you are looking for is the following

if (jQuery.contains($('#example'), $('#test')) {     $('#another').hide(); } 

This might work as well, not sure off the top of my head.

if ($('#test', $('#example')).size() > 0) {     $('#another').hide(); }