Filter 过滤多个数据属性

如何在此筛选器中从类筛选到数据筛选器

发件人（链接：）

至（）

---

检查此工作代码

var getFilter=函数（类别）{
var filter=$（“#filters.”+category+“：checked”）.map（函数（）{
返回“[data filter*=”'+this.value+'”]；
}).get（）.join（“，”）；
过滤器=（过滤器长度>0）？过滤器：“*”；
回流过滤器；
}
$（“#过滤器：复选框”）。单击（函数（）{
var all=$（“.filterme”）；
var tgts=all.filter（getFilter（“品牌”））.filter（getFilter（“类别”））.filter（getFilter（“颜色”））；
all.not（tgts.hide（）；
tgts.show（）；
});

找到正确的型号：选择一个或多个复选框以筛选您的选择：

奥迪

宝马

紧凑型

豪华轿车

SUV

运动

银

蓝色

红色

白色

奥迪A1

奥迪，紧凑型，银色，蓝色，红色


宝马118i

宝马紧凑型红白


奥迪A4

奥迪豪华轿车运动银蓝红


宝马X3

宝马SUV运动白兰银色


奥迪R8

奥迪运动银牌


宝马概念车X

宝马运动白色银蓝色

如何显示选中的筛选器的内容，这些筛选器对于每个类别仅具有完全相同的属性

另请参见图像以了解说明：



请点击此处：



var getFilter=函数（类别）{
var filter=$（“#filters.”+category+“：checked”）.map（函数（）{
返回“[data filter*=”'+this.value+'”]；
}).get（）.join（“，”）；
过滤器=（过滤器长度>0）？过滤器：“*”；
回流过滤器；

}

$（“#过滤器：复选框”）。单击（函数（）{
var all=$（“.filterme”）；
var tgts=all.filter（getFilter（“品牌”））.filter（getFilter（“类别”））.filter（getFilter（“颜色”））；
all.not（tgts.hide（）；
tgts.show（）；
});
 如何对每个类别进行筛选，使其仅显示选中的内容
class="filterme Audi Compact silver blue red"

class="filterme"  data-filter="Audi Compact silver blue red"

<br> var getFilter = function (category) {
var filter = $("#filters ." + category + ":checked").map(function () {
    return '[data-filter*="' + this.value + '"]';
}).get().join(",");
filter = (filter.length > 0) ? filter : "*";
return filter;