无法将所选类添加到菜单中的第三级和第二级项目

时间:2014-11-06 05:56:26

标签: javascript

有人能告诉我这出错了吗?

我想在三层菜单中为所有父项添加一个'selected'类。我可以获得第一个第二层项目来向它的父级添加一个类,但不是它的任何相同的层级项目。我可以获得第三层项目来添加所选课程,但不能添加任何父母。

以下是我的代码。我能做的最好的事情就是获得SECOND TIER-A,当选择了第二项TIER-A时,它的父级项目TOP TIER会突出显示。

我可以将第二层li项目SECOND TIER-B突出显示,但父项目TOP TIER没有获得添加的课程。

我可以获得第3个TIER li项目以获得添加的课程,但没有父母。

对此的任何帮助都非常感激,我对发生的事情感到有些困惑。 谢谢

<div class="navBox">
    <ul>
        <li><a href="#">TOP TIER</a>
            <ul id="subnavlist" class="newWidth">
                <li><a href="#">SECOND TIER-A</a>
                    <ul id="sub-subnavlist">
                        <li><a href="#">3rd TIER</a></li>                                            
                    </ul>
                </li>

                <li><a href="#">SECOND TIER-B</a>
                    <ul id="sub-subnavlist" class="navUsed2">                    
                        <li><a href="#">3rd TIER</a></li>                                       
                    </ul>
                </li>                

            </ul>
        </li>
    </ul>
</div>




$('.navBox li a ').each(function(index) {
        if(this.href.trim() == window.location)
            $(this).addClass("selected");         
            $(this).parent().addClass("selected");  
    });

1 个答案:

答案 0 :(得分:0)

使用 父母(“li”) 代替 parent()

<强> $(本)。家长( “里”)addClass( “选择”);