使用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();