使用简单脚本过滤 HTML 和 JavaScript (jQuery)

Question

我有一个小脚本，我正试图在我的网页上运行，它应该通过运行一个小而简单的javascript来过滤我链接到的一堆编程视频，如下所示。我想通过制作来改进它，这样它就不会显示结果，除非满足所有要求。例如，如果我在"python"one_answers"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();

Answer 2

您需要有一个字符串来存储您的选择器过滤器，然后使用它：

http://jsfiddle.net/uNAXC/2/

我在里面放了一个div，这样你就可以看到实际的选择器字符串