0

HTML：

<div id=wrapDesktopNavBar>
    <ul class="desktopNavBar">
        <li><a class="firstLevel" href="#">header 1</a>
        </li>
        <li><a onclick....></a><a class="firstLevel" href="#">header 2</a> 
            <ul>
                <li><a class="secondLevel" href="#">1st sub header</a> 
                    <li><a class="secondLevel" href="#">2nd sub header</a> 
                        <li><a class="secondLevel" href="#">3rd sub header</a> 
            </ul>
            <li><a class="firstLevel" href="#">header 3</a>
            </li>
    </ul>
</div>

JS：

$(function () {
    $('.mainNavSection').hide();
    $('.desktopNavBar a').bind('click', function (e) {
        $('.desktopNavBar a.current').removeClass('current');
        $('.mainNavSection:visible').hide();
        $(this.hash).show();
        $(this).addClass('current');
        $(this).closest('.desktopNavBar > li').find('a:first').addClass('current');
        e.preventDefault();
    }).filter(':first').click();
});

嗨，上面是我的 html 和 javascript。我有一个名为“current”的类，它在单击时简单地强调标题及其子标题。我想在单击子标题时允许主标题加下划线。我试过$(this).closest('.desktopNavBar > li').find('a:first').addClass('current');了，但它只强调了第一个 a 标签而不是第二个 a 标签。我希望第二个标签加下划线。而且，我不能用我的第一个标签交换我的第二个标签，因为它会影响其他东西。

有什么.find(a:second)可以让我将类添加到第二个标签吗？

4

0 回答 0