根据页面更改类。 jQuery答案

【问题标题】：Change class depending of the page. jQuery根据页面更改类。 jQuery
【发布时间】：2014-06-18 16:03:26
【问题描述】：

我正在尝试向按钮添加“已选择”属性。这是一组 5 个按钮，但我只想根据页面标题“选择”其中一个。

<ul id="menu">
                    <li>
                        <a id="Home" class="selected" href="#">Home</a>
                    </li>
                    <li>
                        <a id="categories" class href="#">Categories</a>
                    </li>
                    <li>
                        <a id="franchise" class href="#">Franchise</a>
                    </li>
                    <li>
                        <a id="about" class href="#">About</a>
                    </li>
                    <li>
                        <a id="contact" class href="#">Contact</a>
                    </li>
                </ul>

这些在 ASP.NET 的母版页中，我想更改按钮的类，所以如果我在 categories.aspx，a#categories 的类将更改为“已选择”。

希望你能帮助我。

【问题讨论】：

标签： javascript jquery asp.net

【解决方案1】：

试试这样的：

$(document).ready(function(){
$("ul#menu a").click(function(){
    $("ul#menu a").each(function(){
      $(this).removeClass('selected');
    });  
  $(this).toggleClass('selected');
});
});

工作小提琴：http://jsfiddle.net/robertrozas/M6Ypu/3/

【讨论】：

【解决方案2】：

我可以通过使用母版页向页面添加脚本来使其工作

主页有此代码，选择器会根据我所在的页面而变化：

<script>
    $(document).ready(function () {
        $('a.selected').removeClass();
        $('a#Home').addClass("selected");
    });
</script>

由于只有 5 页，因此只需将脚本添加到每个页面就容易得多。

【讨论】：