Как найти, если у LI есть дети UL

Ответ 1

В вашем конкретном коде похоже, что вам нужно использовать this для ссылки на элемент, на который был нажат, а затем найти родительский <li> оттуда, чтобы вы работали только с <li>, который имел щелкните по нему:

$('#DeltaPlaceHolderLeftNavBar div > div > ul > li > a').click(function() {
   if($(this).closest("li").children("ul").length) {
       // the clicked on <li> has a <ul> as a direct child
   }
});

В jQuery вы можете использовать либо .find("ul"), либо .children("ul") в зависимости от того, ищете ли вы только непосредственных потомков или любого потомка.

Например, если вы хотите узнать, имеет ли конкретный тег <li>, с которым у вас уже есть ссылка, <ul> как прямой ребенок, вы можете сделать это:

if ($(el).children("ul").length) {
    // el has a ul as an immediate descendant
}

Или, если ul может быть любым потомком, вы можете использовать это:

if ($(el).find("ul").length) {
    // el has a ul as a descendant at any level
}

Если вы хотите просто найти все теги <li> с <ul> под ними, то у вас есть эти две опции:

Вы можете получить список всех тегов <li> с <ul> в любом месте внутри него следующим образом:

var tags = $("li").filter(function() {
    return $(this).find("ul").length !== 0;
});

Если вам нужны только последующие потомки, вы можете использовать это:

var tags = $("li").filter(function() {
    return $(this).children("ul").length !== 0;
});

Затем вы можете работать с этими тегами <li>, просто вызвав метод для объекта jQuery, не используя if:

var tags = $("li > ul").addClass("hasSubMenu");

Ответ 2

Это то, что вы ищете

$('li:has(> ul)');

Js Fiddle Demo

Ответ 3

используйте : есть селектор

like

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

Ответ 4

Вы можете попробовать это для прямых детей под вашими ликами:

if($('li>ul').length > 0){

}

или это для поиска всей li для ul:

if($('li').find('ul').length > 0){


}

ИЗМЕНИТЬ

Я не видел слова "определенные" в вашем посте, поэтому редактирование:

У вас есть ul > li > ul структура, я создал ту же структуру, но немного более базовую, чтобы вы могли видеть, что происходит и как это работает. HTML:

<ul>
    <li><a href="#">Level 1</a>
        <ul>
            <li><a href="#">Level 2</a></li>
        </ul>
    </li>

</ul>

JS:

$("ul>li>a").click(function(e){
    if($(this).parent().find('ul').length > 0){
     alert('Yeah, we have a ul');   
    }else{
     alert('Nope, no ul');   
    }
});

http://jsfiddle.net/Milanzor/NsPP7/ (Мой HTML)

и http://jsfiddle.net/Milanzor/NsPP7/1/ (ваш HTML)

Ответ 5

Вы также можете использовать длину

if($('li.static').children('ul').length > 0) {
       //do something...
}

Ответ 6

Для того, чтобы прямой потомок текущего щелкнутого LI имел UL, я использую метод ниже, это гарантирует, что если вы щелкнете элемент меню в подменю, он не сменит предыдущее меню:

HMTL:

<nav>
    <ul>
       <li><a href="#">Item</a></li>
       <li><a href="#">Item</a></li>
       <li><a href="#">Item</a></li>
       <li><a href="#">Item</a>
             <ul>
                <li><a href="#">Sub Item</a></li>
                <li><a href="#">Sub Item</a></li>
                <li><a href="#">Sub Item</a></li>
             </ul>
       </li>
       <li><a href="#">Item</a>
             <ul>
                <li><a href="#">Sub Item</a></li>
                <li><a href="#">Sub Item</a></li>
                <li><a href="#">Sub Item</a></li>
             </ul>
       </li>
    </ul>
</nav>

Script:

var nav = $('nav');

nav.find('li>a').on('click',function(e){

    e.preventDefault();

    var $this = $(this);
    var $li = $this.parent();

    //set active state to clicked menu item:
    $li.addClass('active').siblings().removeClass('active open');

            //look if there is a UL after the A, if so it contains submenu:
    if($this.next().is('ul')){
        $li.toggleClass('open');
    }

});

скрипт: https://jsfiddle.net/1fykp7wx/