Javascript 过滤<；李>；从复选框

我一直在尝试使用这个片段：并在我自己的网站上实现它，但是，它似乎不起作用。我使用的代码段使用div，而不是列表。但是，这应该没有什么区别，因为我编辑了脚本

非常感谢您的帮助，谢谢

$（“#da拇指：复选框”）。单击（函数（）{
var filter='.+$（“#da thumbs:checkbox:checked”）.map（函数（）{
返回此.value；
}).get（）.join（“.”）；
$（'.category container li'）.hide（）；
$（filter.show（）；
});

滤器
一餐
早餐午餐晚餐甜点小口
美食
意大利泰国素食者
$（“.filter”）。单击（函数（）{
$（“.filters”）.slideToggle（“快速”）；
//如果（$（“#过滤器”）.is（“：hidden”））{
//}
});
我们的食谱








#da thumbs:checkbox
为空，因为
#da thumbs
中没有
：checkbox
元素。此外，在“courine”部分复选框中没有值属性，该值在recipe部分中用作按类名过滤的字符串

我从您引用的位置删除了
#da thumbs
：checkbox
，并填写了烹饪复选框的值


$（“：复选框”）。单击（函数（）{
var filter=$（“：复选框：选中”）.map（函数（）{
返回此.value；
}).get（）.join（“.”）；
如果（过滤器=“”）{
$（'.category container li'）.show（）；
}否则{
$（'.category container li'）.hide（）；
$（'.+过滤器）.show（）；
}
});

滤器
一餐
早餐
午餐
晚餐
甜点
轻咬
美食
意大利人
泰国人
素食主义者
$（“.filter”）。单击（函数（）{
$（“.filters”）.slideToggle（“快速”）；
//如果（$（“#过滤器”）.is（“：hidden”））{
//}
});
我们的食谱








如何使其在所有复选框都取消勾选时再次显示所有列表？出于某种原因，超链接难怪会在列表上工作，知道为什么吗？再次感谢：）@DanSpedey不知道你的意思。如果你点击它们时指的是服务器错误，我不知道为什么这些页面有错误，我对它们一无所知。正如你在这里看到的：当你点击其中一个食谱时，带你到该页面的链接不起作用-它什么都没有。@DanSpedey我不知道，看起来您有一些链接的点击处理程序，这些链接在浏览器控制台中抛出了大量404错误。