javascript string concatenation to jquery selector

Question

I know its a silly question to ask, but may be I am missing something. So, I have

data = "ajey"

and then,

I want to select an li item from ul whose id is "ajey"

I am trying with

$('#users li#data').css('background-color', 'red');

but this returns an empty array. I know the mistake is in li#data

#users is the id of the ul element

Any help is greatly appreciated.

Sudhir Bastakoti · Accepted Answer · 2013-12-31 05:46:05Z

2

since ID's are unique, you can just to:

$('#' + data).css('background-color', 'red');

answered Dec 31, 2013 at 5:46

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

grc · Accepted Answer · 2013-12-31 05:46:15Z

2

You can just concatenate the strings with + as you would normally do:

$('#users li#' + data).css('background-color', 'red');

If you are doing this, make sure that the value of data is trusted.

answered Dec 31, 2013 at 5:46

grc

23.7k5 gold badges45 silver badges63 bronze badges

Comments

Satpal · Accepted Answer · 2013-12-31 05:46:42Z

2

Use

$('#users li#' + data).css('background-color', 'red');

answered Dec 31, 2013 at 5:46

Satpal

134k13 gold badges168 silver badges171 bronze badges

Comments

Anup Singh · Accepted Answer · 2013-12-31 05:52:04Z

2

$('#users li#'+data).css('background-color', 'red');

edited Dec 31, 2013 at 5:52

answered Dec 31, 2013 at 5:46

Anup Singh

1,5733 gold badges16 silver badges32 bronze badges

Collectives™ on Stack Overflow

javascript string concatenation to jquery selector

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related