Can I combine jQuery selectors?

Question

I want to do the following:

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

Is these way I can shorten to just one select with jQuery?

is this a duplicate of http://stackoverflow.com/questions/1752718/how-do-i-select-more-than-one-element-using-the-jquery-attribute-selector ? — JMax, Jun 22 '11 at 14:06
separate the selectors using commas and you can use it within a single jquery statement — abhijit, Jun 22 '11 at 14:09

Ash Clarke · Answer 1 · 2012-02-20T10:09:23.337

3

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

edited Feb 20 '12 at 10:09

answered Jun 22 '11 at 14:05

Ash Clarke

4,701
36
47

score 2 · Answer 2 · answered Jun 22 '11 at 14:07

2

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

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

answered Jun 22 '11 at 14:07

Alex

34,121
5
74
88

score 2 · Answer 3 · answered Jun 22 '11 at 14:07

2

Try this

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

answered Jun 22 '11 at 14:07

ShankarSangoli

68,720
11
89
123

score 1 · Answer 4 · answered Jun 22 '11 at 14:06

1

Yes. Seperate them with a ,:

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

answered Jun 22 '11 at 14:06

Niklas

29,372
5
47
69

score 1 · Answer 5 · answered Jun 22 '11 at 14:11

1

As well as using the comma separator, you can also use .add:

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

answered Jun 22 '11 at 14:11

Alnitak

325,660
70
395
481

score 0 · Answer 6 · answered Jun 22 '11 at 14:09

0

the selector should look like this:

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

answered Jun 22 '11 at 14:09

Teneff

26,872
8
62
92

score 0 · Answer 7 · answered Jun 22 '11 at 14:10

0

Easy buddy:

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

Like this example - http://jsfiddle.net/ajthomascouk/zNu3W/

answered Jun 22 '11 at 14:10

Alex

8,707
2
26
44

score -1 · Answer 8 · answered Jun 22 '11 at 14:05

-1

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

answered Jun 22 '11 at 14:05

cetver

9,889
5
34
52

Can I combine jQuery selectors?

8 Answers8