根据页面更改类。 jQuery的

Question

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

这就是我所拥有的：http://jsfiddle.net/M6Ypu/

<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，＃categories的类将更改为“selected”。

希望你能帮助我。

Answer 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/

Answer 2

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

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

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

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