在同级元素里面有相同的元素，怎么给它们切换背景色？

Question

比如这里有两个list-item里面都有yuan-list。但是我想实现点击加背景，然后另一个yuan-list背景消失！该怎么做

Answer 1

$(".list-item").on("click",function(e){
var_=$(this);
_.siblings().find(".yuan-list").removeClass("bg");
_.find(".yuan-list").addClass("bg");
})
试试吧。。。
                            

Answer 2

提供一个大致的思路吧：
定义一个放背景样式的class，如：
.list-bg{
background:#ccc;
}
使用querySelector找到所有的yuan-list元素，在他们的classList中去除list-bg。
给当前点击的yuan-list的classList添加list-bg类