前段时间,Insus.NET有涂改一个功效《激活当前视图菜单高亮展现http://www.cnblogs.com/insus/p/5287093.html

前几日Insus.NET想改用其余一个方法来促成,使用jQuery。

在ASP.NET MVC 环境实现:
图片 1

 

代码:

<ul>
    <li><a href="#">Malaysia (2)</a></li>
    <li><a href="#">Thailand (0)</a></li>
    <li><a href="#">Philippines (2)</a></li>
    <li class="active"><a href="#">China (0)</a></li>
    <li><a href="#">Hong Kong (0)</a></li>
</ul>

 

 $(function () {
        $('ul li a').click(function () {
            $(this).parent().addClass('active').siblings().removeClass('active');
        });
    });

jQuery的语法中,使用了一个siblings()方法,这是具有同胞元素,所有同级元素或具有邻居元素。
即是说所有同一的因素中,唯有一个要素拔取active这多少个样式。倘诺其他元素有选拔的将被移除。

动态演示:
图片 2

 

相关文章

网站地图xml地图