使用簡單腳本過濾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(); 

Answer 2

你需要有一個字符串存儲您的選擇過濾器，然後用它：

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

我把一個div裏面，所以你可以看到實際的選擇字符串