jquery check if a sub element exists

jquery check if a sub element exists Demo

View Demo Full Screen View Demo New Tab

jquery check if a sub element exists Code

HTML

<div class="menu">
<ul>
<li><a href="#!">menu</a>
<ul>
<li><a href="#!">sub1</a>
<ul>
<li><a href="#!">sub2</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>

Javascript

$(document).ready(function(){
	$('.menu > ul > li > a').click(function(e) {
		if($(this).closest('li').find('ul').length) {
    	  var message = "the 1st ul li a also contains a ul";	
          console.log(message);
          alert(message);
		}
	});
});