JS实现点击当前样式变化其余同级样式删除

先清除所有同级样式，再设置当前元素样式完成点击效果。

 

一、程序

 <script>
        $(function () {
            $("#titles2 li a").click(function() {
            $(this).siblings('a').removeClass('cur');
            $(this).addClass('cur');
            });
        });
 </script>

<ul class="tab-list clearfix" id="titles2">
                    <li>
                        <a class="cur" href="#">已支付</a>
                        <a href="#">待支付</a>
                    </li>
</ul>

 

二、实现效果

 

 

 

 

 

学习链接：(20条消息) JQuery实现点击li标签改变样式class_qi_ming88的博客-CSDN博客_jquery 点击修改class