jquery - 单击子标题时允许在主标题下划线

Question

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

等等

$(function(){
$('.desktopNavBar a').bind('click', function(e){
    $('.desktopNavBar a.current').removeClass('current');
    $(this.hash).show();
    $(this).addClass('current');

    e.preventDefault();

}).filter('a:first').click();
});

我有一个名为“current”的类，当它被点击时，它只是在标题下划线。我想在单击子标题时允许主标题加下划线。我试过$(this).parent('a').addClass('current');了，但它不起作用。

Answer 1

编辑

改用这个选择器，不需要额外的类

$(this).closest('.desktopNavBar > li').find('a:first').addClass('current');

演示小提琴

还要确保验证您的 HTML 标记，因为您发布的内容中有一些错误，例如某些 li 标签未关闭