使用jQuery篩選與其他人相同的一個div

Question

這裏是fiddle。
正如您所看到的，當選擇下拉菜單中的顏色被選中時全部類「.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();