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');

<强> Demo fiddle

另外请确保validate your HTML markup，因为您发布的内容存在一些错误，例如某些li标签未关闭

单击子标题时，允许主标题加下划线

1 个答案: