형제뿐만 아니라 모든 div에서 jQuery를 사용하여 클래스를 제거하는 방법?

Question

jQuery를 사용하여 사용자가 클릭 할 때 div에 "selected"클래스를 추가합니다 (축소판에 빨간색 테두리가 추가됨). 동시에 이전에 선택한 div에서 클래스를 제거하려고합니다.

모든 div가 형제이지만 문서의 다른 div가 선택된 상태로 유지되면이 기능을 사용할 수 있습니다. 내가 설계하고 개발하고있는 페이지는 div가 모두 형제가 될 수 없다는 것을 요구합니다. 형제뿐만 아니라 문서에서 이전에 선택한 div에서 "selected"클래스를 제거하려면 어떻게해야합니까?

당신은보고 jsfiddle 내 예를 편집 할 수 있습니다 http://jsfiddle.net/3s4dM/6/

jQuery를 :

$(".thumbnail").click(function() { 
    $(this).addClass("selected").siblings().removeClass("selected"); 
}) 

CSS :

.thumbnail { 
    background: #dddddd; 
    width: 42px; 
    height: 42px; 
    margin-bottom: 5px; 
} 

.thumbnail:hover { 
    cursor: pointer; 
} 

.thumbnail.selected { 
    width: 36px; 
    height: 36px; 
    border: 3px solid #C72D30; 
} 

HTML :

,

<section> 

    <div class="thumbnail"></div> 

</section> 

<section> 

    <div class="thumbnail"></div> 

</section> 

<section> 

    <div class="thumbnail"></div> 
    <div class="thumbnail"></div> 
    <div class="thumbnail"></div> 

</section> 

Answer 1

당신은. 다음에서 selected 클래스를 제거하는 클래스 thumbnail 및 selected 모든 div 요소를 얻을 수있는 결합 선택기를 사용

(다시 현재의 썸네일에 selected를 추가하고 있기 때문에 그 또한 사용 not() 무시) 수

$(".thumbnail").click(function() { 
    $('.thumbnail.selected').not(this).removeClass("selected") 
    $(this).addClass("selected"); 
}) 

데모 : Fiddle

Answer 2

당신은 .thumnail 요소를 클릭 할 .selected을 가지고 현재의 모든 요소에서 클래스 selected를 제거하고 클래스 selected을 추가 할 수 있습니다

$(".thumbnail").click(function() { 
    $('.selected').removeClass("selected"); 
    $(this).addClass("selected"); 
}); 

Updated Fiddle

Answer 3

가 모든 사업부의의 당신처럼 할 수 있다면 이.

$(".thumbnail").click(function() { 
    $('div').removeClass('selected'); 
    $(this).addClass("selected"); 
}); 

Answer 4

이 시도?

$(".thumbnail").click(function() { 
    $('.selected').removeClass('selected'); 
    $(this).addClass("selected"); 
});