根据页面更改类.jQuery

Change class depending of the page. jQuery

本文关键字：jQuery      更新时间：2023-09-26

我想添加一个属性"selected"到一个按钮。这是一组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的类被改成"selected"

希望你能帮助我。

试试这样:

$(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/

我可以通过使用母版页

向页面添加脚本来实现它。

首页有这个代码和选择器的变化取决于我的页面:

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

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

相关文章：