Question

Here is a fiddle.
As you can see when a colour from the select drop down is selected all the divs with the class “.box” change colour.
Is it possible to only change one div at a time, leaving the others as they are? There will be hundreds of these so changing the class/id of each one is not really an option.
I have tried a bunch of filters with no luck.

Answer 1

You could provide a context for $('.box'), which is $(this).parent().

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