jquery - 向我的导航栏添加类

Question

寻找一些 jQuery 的帮助，我希望在 Nav 标记下的第一个 UL 中添加一个类，并且我希望为每个 li 添加一个不同的类，它是 UL 的父级。

导航栏的代码如下，也是我当前的 jQuery 代码，它似乎不想工作。

由于我正在开发的平台，我必须将它们添加到 jQuery 中。

在此先感谢乔治的所有帮助

<nav class="uk-navbar" id="navBarNav">
<ul ADD CLASS HERE>
    <li class="uk-active"><a href="index.html" rel="self" id="current">Home</a></li>
    <li ADD CLASS HERE><a href="page1/index.html" rel="self">page2</a>
        <ul>
            <li><a href="page1/page4/index.html" rel="self">sub1</a></li>
            <li><a href="page1/page5/index.html" rel="self">sub2</a></li>
        </ul>
    </li>
    <li><a href="page2/index.html" rel="self">page3</a></li>
    <li><a href="page3/index.html" rel="self">page4</a></li>
</ul>

$('#navBarNav ul').addClass('uk-navbar-nav');
$('#navBarNav ul li').has(ul).addClass('uk-pearent');

Answer 1

尝试这个

   $('#navBarNav ul').addClass('uk-navbar-nav');
   $('#navBarNav ul li ul').removeClass('uk-navbar-nav').addClass('uk-pearent');

演示

Answer 2

$('#navBarNav').children('ul').first().addClass('uk-navbar-nav');

和

$('#navBarNav').find('ul').closest('li').addClass('uk-pearent');

Answer 3

我通常做的一个技巧是为 ul 下的每个 li 创建一个足够唯一的类名，然后使用 JQuery 获取类并使用 for 循环向这些 li 添加其他类。这是一些伪代码。

<ul>
  <li class="unique_class"> Your content</li>
  <li class="unique_class">Your content </li>
</ul>

在脚本部分

var contents = $(".unique_class")
for (i=0; i<contents.length; i++)
{
    contents[i].addClass('the class you want to add')
}

Answer 4

这条线的问题

$('#navBarNav ul').addClass('uk-navbar-nav');

是它将类添加到两个 uls 中吗？尝试

$('#navBarNav ul:first').addClass('uk-navbar-nav');