Adding a variable along with multiple selectors in jQuery

Question

How can I add variable i in #red green etc. in following?

$( "#red'+i', #green'+i', #blue'+i'" ).slider({ 
    orientation: "horizontal", 
    range: "min", 
    max: 255, 
    value: 127, 
    slide: refreshSwatch, 
    change: refreshSwatch 
});

I have no clue about this so far, please advise.

Answer 1

如果要选择id字符串中具有红色，绿色或蓝色的所有元素，则可以使用

$("[id*=red], [id*=green], [id*=blue]")

Answer 2

$("#red" + i + ", #green" + i + ", #blue" + i).slider({ 
    orientation: "horizontal", 
    range: "min", 
    max: 255, 
    value: 127, 
    slide: refreshSwatch, 
    change: refreshSwatch 
});

Answer 3

You can assign/create the string before passing to slider like this...

var selector = '#red' + i + ', #green' + i + ', #blue' + i;
$(selector).slider({ 
    orientation: "horizontal", 
    range: "min", 
    max: 255, 
    value: 127, 
    slide: refreshSwatch, 
    change: refreshSwatch 
});

But IMO, you should look for simplifying your selector. This could become hassle when code grows.