Javascript 向具有选定名称属性的所有元素添加类

我已经创建了价格标签现在在顶部我已经创建了标签，在底部有不同包的列表项目标准加等，所以当用户选择第一个包时，6个项目中的3个是可见的，其他项目是隐藏的，所以当用户点击第二个4或可能是5个项目时，列表中的项目是可见的，其余项目是隐藏的，第三个项目也是一样软件包问题是，我能够使它变得简单，而不是制作3个不同的div来显示所有3个软件包。我将它保留在相同的列表项上，并在每个列表项上放置我想要的属性。当用户单击任何选项卡时，它将获得属性名称，并在列表中找到该属性，并添加活动类我认为这个项目有意义吗？在过去的几天里，我一直在努力解决这个问题，但找不到解决方案，因为有人能帮我解决这个问题吗

[https://jsfiddle.net/90mynos3/][1]

---

如果我正确理解了你的问题，我会发现你的代码有两个问题

首先，您永远不会删除活动类，因此一旦它处于活动状态，它将永远不会被重置。在开始处添加此项将删除可见类

$('li.visible').removeClass('visible');

其次，为了添加类，必须以正确的元素为目标，为此，可以使用属性选择器：

$('li[data-clean-group~="' + get_class + '"]').addClass('visible');

使用

~=

操作符将

li

元素与包含get_类中完整单词的

数据清理组

相匹配，从而防止

标准

匹配

标准

有关使用属性选择器的更多详细信息，请参见工作示例和属性选择器