Javascript 如何使用jquery修改重复的id和类？

在我的代码中，我有两个选项值（“伊利诺伊州”和“佛罗里达州”。）

我想使用jquery来选择通过div id和类显示哪些信息

我正在尝试使用以下jquery修改id和类：

（函数（$）{
$（'.select按钮'）。单击（函数（e）{
e、 预防默认值（）；
变量$this=$（this），
$targetRow=$this.data（'target'），
$activeClassText='active'；
$（'.select button'）.removeClass（$activeClassText）；
$this.addClass（$activeClassText）；
$（'.members行'）.removeClass（$activeClassText）；
$（'#'+$targetRow+'-members'）.addClass（$activeClassText）；
});
})（jQuery）

.members行，
.选项卡选择按钮{
显示：无；
}
.选择区域选择{
显示：块；
}
.区域的选择{
宽度：100%；
字体系列：“Josefin Sans”；
字号：18px；
背景：#eee；
填充：11px 9px 8px；
盒影：0.03倍rgba（120、120、120、0.5）；
}
a、 选择按钮{
背景：#eee；
盒影：0.02×rgba（150,150,150,0.7）；
显示：内联块；
填充：10px 18px 8px；
字号：18px；
文本转换：大写；
字体系列：“Josefin Sans”；
颜色：#333；
线高：1；
}
a、 选择-button.active，
a、 选择按钮：悬停，
a、 选择按钮：焦点{
背景：DD4D；
颜色：#fff；
}
.members-row.active{
显示：块；
}
.选项卡选择按钮{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-网箱包装：空间均匀；
-ms柔性包装：空间均匀；
对正内容：空间均匀；
}
.选择区域选择{
显示：无；
}

伊利诺伊州
佛罗里达州
测试伊利诺伊州
佛罗里达州测试
伊利诺斯州也展示了这个

不要使用重复的ID-你只会遇到麻烦（）。在这种情况下，类是完美的-在您拥有ID

illinois members

的地方，添加一个名为

illinois members

的新类，并更改选择器以搜索该类

HTML中的更改：

测试伊利诺伊州
佛罗里达州测试
伊利诺斯州也展示了这个

JS的变化：

之前：

$（'#'+$targetRow+'-members'）.addClass（$activeClassText）；

之后：

$（'.+$targetRow+'-members'）.addClass（$activeClassText）；

您可以通过不使用重复ID来修复它。无效标记无效！ID应该是唯一的。改用类。