클래스 제목으로 jQuery를 사용하여 검색 결과

Question

방금 ​​jQuery에 대해 알아보기 시작했습니다.

기본적으로 나는이 목록에있는 사람들을 정의하는 "정치인" "기업가"등과 같은 클래스가있는 항목 목록입니다.

목록의 결과를 필터링 할 탭의 상단에 탭을 첨부 할 수 있습니다.

필자는 .filter()를 사용하여 "정치인"클래스가있는 목록 항목을 찾을 수 있음을 알고 있습니다. 그러나 '정치인'클래스가없는 목록 항목을 숨기려면 어떻게해야합니까 (아니면 display : none, either 또는 or)?

내가 말했듯이, 나는 이것에 상당히 익숙하다. 그래서 당신이 구체적 일 수 있다면 그것은 좋을 것이다!

다시 한번 감사드립니다!

-Judson

편집 :

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

Answer 1

이 요소는 li 개의 요소를 모두 숨긴 다음 클래스를 사용하여 li을 모두 표시합니다.

$("#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(); 
}) 

편집 : 제거 된 공간 li와 :not 사이 여기에 지금과 같은 코드가 있습니다.

여기는 working fiddle입니다.