Javascript 单击子标题时，在主标题下加下划线

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>

$(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标记上加下划线。我想在第二个标签上画下划线。而且，我不能用我的第一个a交换我的第二个标签，因为它会影响其他smth

---

是否有类似于

.find（a:second）

的东西允许我将类添加到第二个a标记？

您可以执行

find（'a.firstLevel'）

操作，因为您已经为

第二个
项创建了一个类。哦，是的，它现在可以工作了！我正在测试您刚才建议的相同解决方案，但由于某种原因，它不起作用。我一定刷新了错误的本地主机。非常感谢：）