检查子href时,将类添加到Parent <li>

Question

我正在使用twitter Bootstrap框架,我想根据显示的页面更改活动链接.(如果这不适合Stackoverflow,只需将其删除)

基本的导航菜单html如下.注意班级'活跃'？这突出了活动链接.

<ul class="nav">
   <li class="active"><a href="default.aspx">View Programs</a></li>
   <li><a href="addprogram.aspx">Add Programs</a></li>
   <li><a href="contacts.aspx">Contacts</a></li>
</ul>

jQuery Code ...我从所有li标签中删除了"active"类,并将其添加回li标签,并显示指向该页面的链接.

    $(document).ready(function () {
        $("ul.nav > li").removeAttr("class");
        $("ul.nav > li a[href*='contacts.aspx']").parent("ul.nav > li").addClass("active");
    });

这个知道给了我......

 <ul class="nav">
   <li><a href="default.aspx">View Programs</a></li>
   <li><a href="addprogram.aspx">Add Programs</a></li>
   <li class="active"><a href="contacts.aspx">Contacts</a></li>
</ul>

---

这有效,但这是正确的方法吗？

Answer 1

你做的很好.但是我不会删除标记中的class属性,而是将其替换,因为将来您可能会使用多个类.

$("ul.nav > li").removeClass("active");