How to find if LI has children UL

Question

I have the following structure:

As you can see the first LI element has UL inside it but the next one doesn't. Is there a way to find out through jquery if a certain LI has UL inside it or not? I want to do something like this:

if(li has children ul)
{
    do something
}

EDIT

I tried the following but it shows "YES" for all cases. Here's my code and HTML. In the HTML below, only "Link2" contains child UL and not Link1 and Link3. I just want to do some operation when a user clicks on some LI which contain child UL.

CODE

$('#DeltaPlaceHolderLeftNavBar div > div > ul > li > a').click(function()
{
   if($('li:has(> ul)'))
      alert("yes");
  else
     alert("no");
});

HTML

user_7006183 · Answer

jQuery(".shop-nav > div >ul > li > ul").prev("li").attr("data-toggle","dropdown");

user_9857162 · Answer

I think each method is for you . Try to iterate over li to find if it has ul as a children or not, if yes then turn the paticular list background red or whatever you want.

  $('.top-menu > ul > li').each (function(){
    if($(this).children('ul').length) {
      $(this).css('background', 'red');
    }
  });

How to find if LI has children UL

8 Answers