jQuery로 다른 클래스와 동일한 클래스로 하나의 div를 필터링하십시오.

Question

여기에 fiddle입니다.
선택 드롭 다운에서 색상을 선택했을 때 알 수 있듯이 모두 div가 ".box"색상으로 변경됩니다.
한 번에 하나의 div 만 변경하고 다른 div는 그대로 둘 수 있습니까? 이 중 수백 가지가 있으므로 각 클래스의 클래스/ID를 변경하는 것은 실제로 옵션이 아닙니다.
나는 많은 행운의 필터를 시험해 보았다.

Answer 1

$('.box')에 context 인 $(this).parent()을 제공 할 수 있습니다.

$('select').change(function(){ 
    $('.box', $(this).parent()).removeClass('red green blue').addClass(
     $(this).find('option:selected').text().toLowerCase() 
    ); 
}) 
.change(); 

Answer 2

사용 .prev(selector), 귀하의 예제에서는 다음과 같습니다

$('select').change(function() { 
    $(this).prev('.box').addClass(); 
}); 

라이브 예 : http://jsfiddle.net/nFGRa/2/

Answer 3

변경이 귀하의 js 코드 :에

$('select').change(function(){ 
    $(this).siblings('.box').removeClass('red green blue').addClass(
     $(this).find('option:selected').text().toLowerCase() 
    ); 
}) 
.change();