按多个选定类过滤

Question

我创建了一个多复选框过滤器

想法是在类别中进行选择并过滤至少具有这些类别之一的元素

目前，它正在过滤但显示具有所有类别的元素

这是我正在使用的：

function run() {
    $("div").hide();
    choice = "";
    $(":checked").each(function() {
       choice += "." + this.id;
    });
    if (choice) 
        $("div" + choice).show();
};    

This 是一个向您展示其工作原理的小提琴。

如何显示至少检查了一个类的元素？

Answer 1

您可以在 forEach 循环中显示它们

function run() {
    $("div").hide();
    const checked = $(":checked")
    if (checked.length === 0) {
        return $("div").show();
    }
    checked.each(function() {
        $("div." + this.id).show();
    });
};