Javascript 使用jquery进行制表不起作用

我想知道用户点击“测试1”是否会在侧栏锚中添加活动类，并添加背景以展开列表“#bar1”

结果应该是边栏字体为红色，扩展列表背景为红色

但是，我在这里发现，如果我点击“测试1”，它不会将类添加到锚定中。 请问有没有人可以帮我更正代码

$（文档）.ready（函数（）{
$（'.sidebar li a'）。单击（函数（e）{
e、 预防默认值（）；
$（this.addClass（'active'）；
$（this.removeClass（'active'）；
var exId=$（this.attr（'href'）；
$（exId）.addClass（'expandBg'）；
$（exId）.sides（）.removeClass（'expandBg'））
})
});
a.active{
文字装饰：无；
颜色：#f00；
}
.expandBg{
背景色：#f00；
}








bar1
bar2
bar3
bar4

这行代码
$（this）.removeClass（'active'）提出问题我们想从
同级
锚定标记中删除
活动的
类请查找下面的代码片段以了解如何执行此操作


$（文档）.ready（函数（）{
$（'.sidebar li a'）。单击（函数（e）{
e、 预防默认值（）；
调试器；
$（this.addClass（'active'）；
$（this）.parent（）.sides（）.find（“a”）.removeClass（“活动”）
var exId=$（this.attr（'href'）；
$（exId）.addClass（'expandBg'）；
$（exId）.sides（）.removeClass（'expandBg'））
})
});
a.active{
文字装饰：无；
颜色：#f00；
}
.expandBg{
背景色：#f00；
}








bar1
bar2
bar3
bar4

我明白了，我没有注意到我们可以跳转到父节点，重新选择锚节点的同级父节点，并删除活动类。我希望以后能被注意到，谢谢你的建议。