Question

我想做以下事情：

$("#dat_chk" + (i)).css("background-color", "#f6FFee");
$("#dat_opt" + (i)).css("background-color", "#f6FFee");
$("#dat_txt" + (i)).css("background-color", "#f6FFee");

这样我可以用jQuery缩短到只有一个选择吗？

Answer 1

$("#dat_chk" + i + ", #dat_opt" + i + ", #dat_txt" + i).css("background-color", "#f6ffee");

Answer 2

var selector = '#dat_chk' + i + ', #dat_opt' + i + ', #dat_txt' + i;

$(selector).css("background-color", "#f6FFee");

Answer 3

试试这个

$("#dat_chk" + i + ", #dat_opt" + i + ", #dat_txt" + i).css("background-color", "#f6FFee");

Answer 4

是。用,：

分隔它们

$("#dat_chk" + (i) + ", #dat_opt" + (i) + ", #dat_txt" + (i)).css("background-color", "#f6FFee");

Answer 5

除了使用逗号分隔符外，您还可以使用.add：

      $("#dat_chk" + i)
   .add("#dat_opt" + i)
   .add("#dat_txt" + i)
   .css( ... );

Answer 6

选择器应如下所示：

$( "#dat_chk" + i +  ", #dat_opt" + i + ", #dat_txt" + i)

Answer 7

简单伙伴：

$("#dat_chk" + (i) + ", #dat_opt" + (i) + ", #dat_txt" + (i)).css("background-color", #f6FFee");

就像这个例子一样 - http://jsfiddle.net/ajthomascouk/zNu3W/

Answer 8

$('.class').css("background-color", "#f6FFee");

我可以组合jQuery选择器吗？

8 个答案: