将类添加到具有所选名称属性

时间:2017-09-16 01:06:59

标签: javascript jquery html css

我已经在顶部创建了价格选项卡我已经创建了标签,在底部有不同包标准标准的列表项目等等,所以当用户选择第一个包时,6个项目中的3个是可见的,而其他是隐藏的,所以当用户点击第二个4或者可能是列表中的5个项目是可见的,休息是隐藏的同样适用于第三个包装问题是我能够工作以使其变得容易而不是制作3个不同的div来显示所有3个包我保持相同并制作列表项,并且在每个列表项上我放置了我想要的属性当用户点击任何标签时它将获得属性名称并在列表中找到该属性并添加活动那个项目的课程有意义吗?过去很多天我一直在努力,但无法找到解决方案,任何人都可以帮助我解决这个问题。

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

1 个答案:

答案 0 :(得分:1)

如果我正确理解您的问题,我会发现您的代码有两个问题。

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

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

其次,为了添加类,必须定位正确的元素,为此,可以使用属性选择器:

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

使用~=运算符会将li元素与包含get_class中完整单词的data-clean-group匹配,从而阻止standard匹配standard_plus

有关工作示例,请参阅this fork of your fiddle,有关使用属性选择器的更多详细信息,请参阅属性选择器this lesson