我可以组合 jQuery 选择器吗？答案

【问题标题】：Can I combine jQuery selectors?我可以组合 jQuery 选择器吗？
【发布时间】：2011-06-22 14:03:54
【问题描述】：

我想做以下事情：

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

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

【问题讨论】：

这是stackoverflow.com/questions/1752718/… 的副本吗？
使用逗号分隔选择器，您可以在单个 jquery 语句中使用它

标签： jquery jquery-selectors

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

试试这个

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

【讨论】：

【解决方案4】：

是的。用, 分隔它们：

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

【讨论】：

【解决方案5】：

除了使用逗号分隔符，还可以使用.add:

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

【讨论】：

【解决方案6】：

选择器应如下所示：

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

【讨论】：

【解决方案7】：

简单的朋友：

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

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

【讨论】：

【解决方案8】：

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

【讨论】：