如何在jquery中删除nextall和prevall css颜色

我试图在单击某个元素时设置活动颜色，如果另一个元素被单击，它将从“上一个”和“下一个”中删除该颜色，以在新单击的元素上设置颜色。下面的代码能够在单击div元素时设置颜色，但我不会在单击另一个元素时删除上一个和下一个元素上的颜色

求求你，我需要帮助

$（'.listers'）。单击（函数（事件）{
var evt=$（本）；
var kids=$（event.target.children（）；
var len=kids.css（'color'，'green'）；
var e_type=$（evt）.attr（'data-event-attribute'）；
$（'集合类型'）.val（e#u类型）；
$（'.listers.listlogo>.fa'）.children（）.prevAll（）.css（'color'，'#F4BD00'）；
$（'.listers.listlogo>.fa'，this.len；
$（'.listers.listlogo>.fa'）.children（）.nextAll（）.css（'color'，'#F4BD00'）；
event.preventDefault（）；
});

数据1
数据2
数据3
我提出了另一个使用
addClass/removeClass
的解决方案，您可以使用类active来管理css


$（'.listers'）。单击（函数（事件）{
var evt=$（本）；
var e_type=$（evt）.attr（'data-event-attribute'）；
$（'集合类型'）.val（e#u类型）；
$（'.listers'）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
event.preventDefault（）；
});
.active.fa{
颜色：绿色；
}

数据1
数据2
数据3
我提出了另一个使用
addClass/removeClass
的解决方案，您可以使用类active来管理css


$（'.listers'）。单击（函数（事件）{
var evt=$（本）；
var e_type=$（evt）.attr（'data-event-attribute'）；
$（'集合类型'）.val（e#u类型）；
$（'.listers'）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
event.preventDefault（）；
});
.active.fa{
颜色：绿色；
}

数据1
数据2
数据3
使用类，因为
addClass
/
removeClass
更简单、更干净。您可以使用
.sibbins（）
而不是nextAll/prevAll
.fa
没有任何
子项（）
，因此没有任何应用程序，他们也没有任何兄弟姐妹，因此不确定为什么要在.fa级别应用。尝试以下操作：
$（“.listers”）。单击（function（）{$（“.listers”）.removeClass（“active”）；$（this.addClass（“active”）；}）使用类，因为
addClass
/
removeClass
更简单、更干净。您可以使用
.sibbins（）
而不是nextAll/prevAll
.fa
没有任何
子项（）
，因此没有任何应用程序，他们也没有任何兄弟姐妹，因此不确定为什么要在.fa级别应用。尝试以下操作：
$（“.listers”）。单击（function（）{$（“.listers”）.removeClass（“active”）；$（this.addClass（“active”）；}）