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();

Answer 2

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

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

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

HTML＆amp;使用简单脚本进行JavaScript（jQuery）过滤

2 个答案: