如何添加数据切换到链接标签，如果在li中有ul

How to add data toggle to link tag if ul is present in the li

本文关键字：标签 链接 如果 ul 中有 li 何添加 添加 数据      更新时间：2023-09-26

请参阅下面的代码我有我的主菜单在我的网站。

我想添加一个数据切换到下拉的链接标签，但当li不包含ul我不希望数据切换添加到标签。jquery能够做到这一点吗?

我使用bootstrap为此，但在我的菜单中，我有菜单链接没有下拉菜单和链接url我添加不工作，因为它的期望下拉出现，如果有这样的方法吗?

<ul class="nav navbar-nav"> <li class="dropdown yamm-fw"> <a href="#" class="dropdown-toggle">Menu 1</a> <ul class="dropdown-menu"> <li><a href="#">Menu Item</a></li> </ul> </li> <li class="dropdown yamm-fw"> <a href="#" class="dropdown-toggle">Menu 2</a> </li> <li class="dropdown yamm-fw"> <a href="#" class="dropdown-toggle">Menu 3</a> </li> <li class="dropdown yamm-fw"> <a href="#" class="dropdown-toggle">Menu 4</a> </li> <li class="dropdown yamm-fw"> <a href="#" class="dropdown-toggle">Menu 5</a> </li> </ul>

试试这个:

$('.dropdown').each(function() {
    if ($(this).find('UL').length === 0) {
        $(this).find('A').data('toggle', true);
    }
});

这样更好，任何li都在ul中。有子ul的导航将添加数据切换。

$("ul.nav li ul").parent().attr("data-toggle","")

你也可以使用:has选择器

$(function() {
    $(".dropdown:has(ul) a").attr("data-toggle", /*value here*/);
});

两个答案都是正确的，这只是使用:has选择器的另一个选项。这也是一行代码:)

$("ul.nav > li:has(ul) a").attr("data-toggle","");
相关文章：