Javascript 如何在ulli中嵌套的锚标记中添加活动类

在这种情况下，我想在单击锚定标记时添加一个活动类，该类嵌套在ulli中，并自动在左侧移除

类似地，在下面我有另一个div，其中有4个div。表示单击第一个锚定标记后，第一个div下方的变为活动状态，反之亦然。我尝试了下面的代码，但它将活动类添加到所有锚标记中。我是jquery的初学者

$（文档）.ready（函数（）{
$（“div.bhoechie-tab-menu>div.list-group>a”）。单击（函数（e）{
e、 预防默认值（）；
$（this）.sides（'a.active'）.removeClass（“active”）；
$（此）.addClass（“活动”）；
var index=$（this.index（）；
log（'index='，index）；
如果（索引==3）{
//log（'索引为3'）；
$（“div.bhoechie-tab>div.bhoechie-tab-content”）.removeClass（“活动”）；
$（“div.bhoechie-tab>div.bhoechie-tab-content”）.eq（index）.addClass（“活动”）；
$（'.map控件封面'）.hide（）
$（'.checkout控件封面'）.show（）；
}否则{
//log（“我在这里”）；
$（“div.bhoechie-tab>div.bhoechie-tab-content”）.removeClass（“活动”）；
$（“div.bhoechie-tab>div.bhoechie-tab-content”）.eq（index）.addClass（“活动”）；
$（'.map控件封面'）.show（）
$（'.checkout控件封面'）.hide（）；
}
});
});
.active{
背景色：红色；
}











由于锚定位于列表项中，因此需要获取父项的索引，而不是锚定，还需要处理父项的兄弟项

您的锚点选择器不正确。锚点不是
div.list-group
的直接子级


$（文档）.ready（函数（）{
$（“div.bhoechie-tab-menu>div.list-group a”）。单击（函数（e）{
e、 预防默认值（）；
var li=$（this.parent（）；
li.sides（）.find（'a.active'）.removeClass（“active”）；
$（此）.addClass（“活动”）；
var index=li.index（）；
如果（索引==3）{
//log（'索引为3'）；
$（“div.bhoechie-tab>div.bhoechie-tab-content”）.removeClass（“活动”）；
$（“div.bhoechie-tab>div.bhoechie-tab-content”）.eq（index）.addClass（“活动”）；
$（'.map控件封面'）.hide（）
$（'.checkout控件封面'）.show（）；
}否则{
//log（“我在这里”）；
$（“div.bhoechie-tab>div.bhoechie-tab-content”）.removeClass（“活动”）；
$（“div.bhoechie-tab>div.bhoechie-tab-content”）.eq（index）.addClass（“活动”）；
$（'.map控件封面'）.show（）
$（'.checkout控件封面'）.hide（）；
}
});
});
.active{
背景色：红色；
}











由于您的锚定标记不是兄弟标记，而是缠绕在
li
标记周围，因此您无法获得所需的结果

因此，您可以重新构造代码以使它们成为兄弟，也可以使用
$（this.parent（）
）引用目标的父级，然后使用
.find（'.active'）
查找具有活动类的任何元素，并继续使用相同的代码。
index（）
适用于同级元素，并且您的锚点彼此不是同级元素。但您可以将集合作为参数传递给它进行搜索。看。此外，您的锚不是div.list-group的子对象，因此
div.list-group>a
将无法工作。