1 思路：点击当前li元素后是用removeClass()删除所有兄弟元素（使用siblings()获取）的class样式，然后使用addClass()为当前li添加class。
2
3 具体演示如下：
4
5 1、HTML结构：设计三个li元素
6 <div>
7 <ul id="test">
8 <li>Glen</li>
9 <li>Tane</li>
10 <li>John</li>
11 </ul>
12 </div>
13
14 2、css样式：设计一个类selected，表示选中后的效果
15 <style>
16 .selected{font-weight:bold; background: #ff99cc; color:#fff;}
17 </style>
18
19 3、jquery代码：
20 $(function(){
22 $("#test li").click(function() {
24 $(this).siblings('li').removeClass('selected'); // 删除其他兄弟元素的样式
26 $(this).addClass('selected'); // 添加当前元素的样式
28 });
30 });
原文：https://www.cnblogs.com/lr393993507/p/6078063.html
