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

时间:2022-12-04 15:06:02

<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>