Javascript 将类添加到当前和以前的列表项

我有一个无序列表，用作播放视频片段的菜单。单击时播放的列表项（视频部分）将通过向其中添加类并从任何其他列表项中删除该类来突出显示。客户要求我对此进行更改，以便在单击某个项目时，也会选择以前的列表项目。也就是说，如果单击Vid 2，那么Vid 1和Start将与Vid 2一起被赋予“selected”类。点击视频3，将突出显示视频3、视频2、视频1、开始等

我还想从单击项前面的任何列表项中删除所选类。例如，如果选择了Vid 4，用户单击Vid 2，则所选的类将从Vid 4中删除，并且Vid 2、Vid 1和Start将选择该类。抱歉，如果这些都没有什么意义，请提前感谢

$（“#选择a”）。单击（函数（）{
$（this）.parent（）.addClass（'selected'）.sides（）.removeClass（'selected'）；
});
#视频控制ul li{
光标：指针；
}
#视频控制{
颜色：#5f6a72；
文字装饰：无；
显示：块；
}
#视频控制ul li.selected，
#视频控制ul li.a选择{
颜色：#00aad2；
}








您可以

1） 遍历并获取所有以前的元素

2） 使用
.andSelf（）
添加单击的对象父对象

3） 将所选类添加到上面返回的所有元素

4） 在步骤2中查找返回元素以外的其他同级元素

5） 删除选定的类


$（“#选择a”）。单击（函数（）{
$（this）.parent（）.prevAll（）.andSelf（）.addClass（'selected'）.filter（'：last'）.nextAll（）.removeClass（'selected'）；
});
#视频控制ul li{
光标：指针；
}
#视频控制{
颜色：#5f6a72；
文字装饰：无；
显示：块；
}
#视频控制ul li.selected，
#视频控制ul li.a选择{
颜色：#00aad2；
}








搞定了，真是太棒了。谢谢你的帮助！