按類標題過濾結果使用jQuery

Question

我剛剛開始瞭解這個jQuery的東西，所以請耐心等待。

基本上，我所做的是一個類似「政治家」，「企業家」等類定義在這個列表中的人的項目列表。

目標是，我可以在列表的頂部附加選項卡來篩選列表結果。

我知道我可以使用.filter（）來查找附帶它的類「政治家」的列表項。但是，如何隱藏（或附加顯示：無，或者）到沒有班級「政客」的列表項目？正如我所說，我對此很新，所以如果你可以具體說明，那就太棒了！

再次感謝！

-Judson

編輯：這裏是代碼的現在：li和:not之間除去了空間：

$("#politician_filter").click(
    function(){ 
     $('#people li :not(.politician)').hide(); 
    }) 
}) 

Answer 1

這隱藏了所有li元素，然後顯示所有li與.politician類。

$("#politician_filter").click(function(){ 
    $("#people li").hide().filter(".politician").show(); 
    return false; //since you're using a link, disable default action 
}​);​ 

Answer 2

嘗試是這樣的：

$("#politician_filter").click(function(event){ 
    event.preventDefault(); 
    $('ul#people li:not(.politician)').hide(); 
}) 

編輯。

這是working fiddle。