jquery怎么在点击li标签之后添加一个在class，点击下一个li时删除上一个class？

93 阅读 0 评论 62 点赞

我是靠谱客的博主矮小心锁，这篇文章主要介绍jquery怎么在点击li标签之后添加一个在class，点击下一个li时删除上一个class？，现在分享给大家，希望可以做个参考。

<div class="client">
    <span class="client_title">选择您的游戏客户端</span>
    <ul class="client_type">
        <li class="ioswx">苹果微信</li>
        <li class="androidwx">安卓微信</li>
        <li class="iosqq">苹果QQ</li>
        <li class="client_l">安卓QQ</li>
    </ul>
</div>

<script type="text/javascript">
  
   $(function(){
       $(".ioswx").addClass("licolor");
       $(".client_type li").click(function() {

           $(this).siblings('li').removeClass('licolor');  // 删除其他兄弟元素的样式

           $(this).addClass('licolor');                            // 添加当前元素的样式

       });

   });

</script>