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

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

提供一个大致的思路吧：

1. 定义一个放背景样式的class，如：

   .list-bg {
       background: #ccc;
   }
   

2. 使用querySelector找到所有的yuan-list元素，在他们的classList中去除list-bg。

3. 给当前点击的yuan-list的classList添加list-bg类

Answer 3

直接使用not过滤