ITPub博客

首页 > IT职业 > IT生活 > jQuery动态设置样式List item

jQuery动态设置样式List item

IT生活 作者:qj_zhai 时间:2021-09-09 09:13:07 0 删除 编辑

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

今天Insus.NET想改用另外一个方法来实现,使用jQuery。

 代码:


        
  •     
  •     
  •     
  •     


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

jQuery的语法中,使用了一个siblings()方法,这是所有同胞元素,所有同级元素或所有邻居元素。
即是说所有相同的元素中,只有一个元素使用active这个样式。如果其它元素有使用的将被移除。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4380/viewspace-2800688/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-12

  • 博文量
    76
  • 访问量
    658