如何将类添加到第一级的最后一个li中

时间:2011-12-15 06:08:03

标签: jquery

如何将类添加到第1级的最后一个LI(这意味着在第二级旁边) $('#navtop li:last').addClass('last')将该类添加到最后一级的最后一个

<div id="navtop">
<ul>
    <li class="first">
        <a href="#"><b>About</b></a>
        <ul>
            <li><a href="#about/service-area/"><b>Service Area</b></a></li>
            <li>
                <a href="#about/board-of-directors/"><b>Board of Directors</b></a>
                <ul class="sub-menu" style="display: none;">
                    <li><a href="#about/board-of-directors/contact-board-of-directors/"><b>Contact Board of Directors</b></a></li>
                    <li><a href="#about/board-of-directors/contact-board-of-directors/"><b>Contact Board of Directors</b></a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li class="second">
        <a href="#"><b>About</b></a>
        <ul>
            <li><a href="#about/service-area/"><b>Service Area</b></a></li>
            <li>
                <a href="#about/board-of-directors/"><b>Board of Directors</b></a>
                <ul class="sub-menu" style="display: none;">
                    <li><a href="#about/board-of-directors/contact-board-of-directors/"><b>Contact Board of Directors</b></a></li>
                    <li><a href="#about/board-of-directors/contact-board-of-directors/"><b>Contact Board of Directors</b></a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

2 个答案:

答案 0 :(得分:1)

您可以使用父&gt;子选择器 - http://api.jquery.com/child-selector/

$('#navtop>li:last').addClass('last') 

答案 1 :(得分:1)

如果您正在询问如何将课程放入.first

的最后一部分
$('#navtop .first li:last').addClass('last');

如果你问如何将课程放入每个课程的最后一部分(第一,第二等)

$('#navtop>ul>li li:last').addClass('last');