如何将课程添加到第一级的最后一个li [英] how to add class into last li of first level

查看:78
本文介绍了如何将课程添加到第一级的最后一个li的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何在第一级的最后一个LI上添加一个班级(这意味着第二节课旁边) $('#navtop li:last').addClass('last')将课程添加到上一级别的最后一个li

How do I add a class to the last LI on the 1st level (that means beside class second) $('#navtop li:last').addClass('last') adds the class into the last li of last level

<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>

推荐答案

如果您要问如何将类放入.first的最后一个li

If you're asking how to put the class into the last li of .first

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

如果您要问如何将课程放到每个人的最后一个li中(第一,第二等)

If you're asking how to put the class into the last li of each one (first, second, etc)

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

这篇关于如何将课程添加到第一级的最后一个li的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆