javascript - 使用简单脚本进行 HTML 和 JavaScript (jQuery) 过滤

Question

我正在尝试在我的网页上运行这个小脚本，它应该通过运行一个小而简单的 JavaScript 来过滤我链接到的一堆编程视频，如下所示。我想通过制作来改进它，以便除非满足所有要求，否则它不会显示结果。例如，如果我过滤“python”和“easy”，我只想要满足这两个要求的结果。我希望我能让自己理解，并且我也相信这是一个相当简单的修复。请快速查看下面的代码并尽快回复:)

http://jsfiddle.net/uNAXC/

Answer 1

您应该首先“构建”过滤器，然后应用它。

$('div.tags').delegate('input:checkbox', 'change', function()
{
     var $lis = $('.results > li').hide();
     var filter = '';

     //For each one checked
     $('input:checked').each(function()
     {
          filter += '.' + $(this).attr('rel');
     });

     $lis.filter(filter).show();
    console.log(filter);
}).find('input:checkbox').change();