Javascript 完全新手：如何使此项目筛选器与数据筛选器中的任何单词匹配

我在Jquery方面是一个完全的新手，但我一直在尝试阅读和破解这段代码，但我一事无成

我在一次让过滤器匹配多个数据过滤器时被这个模板卡住了

我试图让图像在数字和响应上都可见

在下面，它被设置为“数字”，但是否有一种方法可以使它同时在多个数据过滤器上激活

我觉得如果我对我所缺少的东西有更多的了解，我可能会找到答案。再说一次，对于像我这样的新手来说，这可能太复杂了

谢谢你抽出时间来看看

如果有进一步的帮助，该网站正在运行

$（'.project过滤器a'）。单击（函数（el）{
el.preventDefault（）；
var filter=$（this.data（'filter'）；
$（'.project过滤器a'）.removeClass（'active'）；
$（this.addClass（'active'）；
如果（过滤器！=“全部”）{
$（'.project'）.removeClass（'inactive'）.not（'[data filter=“'+filter+''”）.addClass（'inactive'）；
}
否则{
$（'.project'）.removeClass（'inactive'）；
}
});
.projects.project过滤器{
文本对齐：居中；
保证金：0自动；
填充：20px 5%；
列表样式类型：无；
边框顶部：1px实心#F5；
}
.projects.project filters>li{
显示：内联；
字体大小：12px；
字体大小：0.750rem；
字母间距：0.2米；
文本转换：大写；
}
.projects.project过滤器>li+li{
左边距：15px；
}
.projects.project filters>li a{
颜色：#000；
字号：700；
文字装饰：无；
}
.projects.project filters>li a.active{
颜色：#fff；
背景色：#feeb00；
填充：16磅；
文本阴影：1pt 1pt#cfae18；
}
.projects.project filters>LIA:悬停{
颜色：#6C6C；
}
.项目.项目{
位置：相对位置；
溢出：隐藏；
-webkit转换：不透明度0.3s，易于输入输出；
-moz过渡：不透明度0.3s缓进缓出；
-o型过渡：不透明度0.3s缓进缓出；
-ms转换：不透明度0.3s缓进缓出；
过渡：不透明度0.3s缓进缓出；
}
.projects.project.inactive{
不透明度：0.3；
}
.项目.项目：悬停{
不透明度：1；
}
.projects.project.project拇指img{
宽度：100%；
高度：自动；
}
.projects.project.project覆盖{
位置：绝对位置；
z指数：2；
排名：0；
右：0；
底部：0；
左：0；
字体大小：14px；
文本对齐：居中；
背景色：#feeb00；
不透明度：0；
}
.projects.project.projectoverlay.projectlinks{
宽度：90%；
高度：44px；
保证金：自动；
位置：绝对位置；
排名：0；
左：0；
底部：0；
右：0；
}
.projects.project.project覆盖图a{
显示：内联块；
高度：40px；
宽度：40px；
利润率：0.5px；
颜色：#000；
文本对齐：居中；
文字装饰：无；
边框：2倍实心#000；
-webkit边界半径：50%；
-moz边界半径：50%；
边界半径：50%；
}
.项目.项目.项目叠加a i.fa{
线高：36px；
}
.projects.project.projectoverlay a:悬停{
颜色：#fff；
边框颜色：#fff；
}
.项目.项目.项目库{
显示：无；
}
.项目.项目.项目信息{
显示：无；
}








Wordpress网站：

JD健身+营养
这种想法是围绕着现有的面对面的在线服务客户

具有不同计算机技能的用户可以在各种环境（在家、外出或在健身房）中访问该网站。它采用了微型导航，使基本用户在浏览网站时能够保持航线。


关于在线个人培训及其好处的说明都放在“服务和价格”选项卡下，该选项卡采用简单而优雅的触摸式子导航，将所有相关信息以位图块的形式呈现出来，几乎不需要在任何设备上滚动。

使用的技能
Wordpress-HTML-CSS-Slider Revolution-Photoshop-Illustrator

客户端


项目类型
数字应答


实时链接
如果要切换筛选并在项目上使用多个筛选器，可以尝试以下操作：

var过滤器=[]；
$（'.project筛选器a'）。单击（函数（el）{
el.preventDefault（）；
var filter=$（this.data（'filter'）；
var指数=过滤器。indexOf（过滤器）；
如果（索引！=-1）{
过滤器.拼接（索引1）；
$（this.removeClass（'active'）；
}否则{
$（this.addClass（'active'）；
}
如果（过滤器！=“全部”）{
$（'.project'）.removeClass（'inactive'））
.not（“[data filter=“”+filters.join（“”]，[data filter=“”）+”]））
.addClass（'inactive'）；
}
否则{
$（'.project'）.removeClass（'inactive'）；
}
});
请学习设置代码格式。它现在的格式很糟糕。如果你想匹配数据过滤器属性中的任何单词，为什么不只匹配标签呢？e、 g.
div[data filter]
Hi，谢谢，但这并没有按我希望的方式工作。它使选定的过滤器菜单为ac