jQueryで他のクラスと同じクラスの1つのdivをフィルタリングします

Question

ここにはfiddleがあります。
選択ドロップダウンの色が選択されたときにわかるように、すべて divのクラスが ".box"の色を変更します。
一度に1つの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();