Filtrer les résultats par Titre Titre en utilisant jQuery

Question

Je commence juste à avoir une idée de cette chose jQuery, alors supportez-moi. Essentiellement, ce que je vais faire est une liste d'éléments avec des classes comme "politiciens" "entrepreuners" etc qui définissent les personnes dans cette liste.

Le but étant, que je puisse attacher des onglets en haut de la liste qui filtrera les résultats de la liste.

Je comprends que je peux utiliser .filter() pour trouver les éléments de la liste avec la classe "politician" attachée. Mais comment puis-je masquer (ou attacher display: none ;, or ou) aux éléments de la liste qui n'ont pas de classe 'politician'? Comme je l'ai dit, je suis assez nouveau à ce sujet, donc si vous pouvez être précis, ce serait génial!

Merci encore!

-Judson

EDIT: Voici le code à partir de maintenant:

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

Answer 1

Ceci masque tous les éléments li, puis affiche tous les li avec la classe .politician.

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

Answer 2

Essayez quelque chose comme ceci:

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

Edit: l'espace enlevé entre li et :not. Il s'agit d'un working fiddle.