过滤掉隐藏的元素

Question

如果我单击“仅显示帽子”按钮，它会删除具有“not-a-hat”类的元素，问题是，当我单击另一个过滤器时。单击“仅显示帽子”后，“仅显示袜子”，它们都会消失，因为过滤器未重置。 代码是（JS）：

var hat_filter = document.getElementById("#filter-by-hat");
var all_hats = document.querySelectorAll(".not-a-hat")
hat_filter.addEventListener('click',function(){

    for (let i=0; i < all_hats.length; i++){
        all_hats[i].classList.add("hide-element")
    }
})

Answer 1

也许你可以用一行将所有元素设置为“可见”来启动函数，这样每次函数运行时，所有元素都将可见。