HTML列表-仅将addClass()应用于一级LI元素(而非内部元素) [英] HTML list - Apply addClass() Only to First-Level LI Element (not Inner one)

问题描述

我有以下代码

$('.main-menu li:nth-child(3)').addClass("active");

这是可行的，但是HTML看起来像这样...

Which works, however, the HTML looks like this...

<ul>
    <li>menu item</li> 
    <li>menu item</li>
    <li>menu item       <!-- Target only this one! -->
        <ul>
            <li>menu item2</li>
            <li>menu item2</li>
            <li>menu item2</li> <!-- not this one -->
        </ul>
   </li>   
</ul>

然后将活动"类添加到两个LI列表中，以任何方式使其仅添加一次?谢谢

And it adds the "active" class to both lists of LIs, any way to make it only add it once? Thank you

推荐答案

http://api.jquery .com/child-selector/

使用立即" 子选择器>

$('.main-menu > li:nth-child(3)').addClass("active");

http://jsbin.com/urekah/1/edit

这篇关于HTML列表-仅将addClass()应用于一级LI元素(而非内部元素)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！