在jQuery中添加變量和多個選擇器

Question

如何在下面的#red green等中添加變量i ？

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

到目前為止，我對此一無所知，請告知。

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

您可以像這樣傳遞給slider之前分配/創建字符串...

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

但是IMO，您應該尋找簡化選擇器的方法。 當代碼增長時，這可能會變得很麻煩。