Javascript 目标仅单击了锚点，而不是同级

我有一个函数，可以添加一个

活动的

类，还可以在添加类时更改锚文本

我的问题是，我有同一个类的多个锚，当我点击其中一个时，它们的所有文本都会改变。我只想将目标锁定在我单击的一个类

处于活动状态的

函数bindMoreInfoClickHandler（）{
$（'.more info'）。在（'click'，function（）上{
var$this=$（this）；
$this.closest（'.container outer'）.toggleClass（'active'）；
if（$（'.micro accordion container--outer'）.hasClass（'active'））{
$（'.toggle text'）.text（'Less Info'））
}否则{
$（'.toggle text'）.text（'更多信息'）
}
});
}

这就是你想要的吗

$（'.more info'）。在（'click'，function（）上{
$（“.more info”）.removeClass（“active”）.html（“more info”）；
$（this.addClass（“active”）.html（“Less Info”）；
});
a{
显示：块；
填充：10px；
背景:#f5；
利润率：10px；
}
.主动{
颜色：红色；
{

更多信息
更多信息
更多信息
更多信息
上行将选择所有
.toggle text
元素。如果
.toggle text
是
的子元素，则可以执行以下操作：

$('.container-outer.active').find('.toggle-text').text('Less Info');
$('.container-outer:not(.active)').find('.toggle-text').text('More Info');

它应该可以工作。
您需要使用DOM遍历，而不是选择所有元素。我们需要查看HTML以了解如何遍历它以将单击的
。更多信息
关联到所需的
。如果
，则切换文本
。切换文本
在
内。更多信息
，然后只需更改
$（“.toggle text”）
到
$this.find（“.toggle text”）
。但是如果您提供相关的html代码，这会很有帮助。
$('.container-outer.active').find('.toggle-text').text('Less Info');
$('.container-outer:not(.active)').find('.toggle-text').text('More Info');