Question

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

导航栏的代码如下所示，也是我当前的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');

Demo

Answer 2

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

和

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

Answer 3

这一行的问题

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

是否将该类添加到两个uls中。尝试

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

Answer 4

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

<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')
}

将类添加到导航栏

4 个答案: