Use variable in jQuery selector [duplicate]

Question

In the function below, I'd like the idurl be the word apple with a suffix. The suffix is number containing a number. Example would be apple12.

But in the function below, I have trouble concatenating the variable number with the word apple.

function apple(number) {
  if (something === "0") {
    $('.onchange :checkbox[idurl="apple" + number]').prop('checked', false);
  } else {
    $('.onchange :checkbox[idurl="apple" + number]').prop('checked', true);
  }
};

I tried using extra " or [] but it hasn't been very succesfull so far. The variable number is not bein recognized as a variable and thus not concatenated with the word apple.

how would you concatenate a string to a variable? It's the same thing. The selector is just a string. — scrappedcola
– scrappedcola, Commented Nov 7, 2014 at 16:18
It's not a duplicate because that question asks how to go about mixing variables and selectors. This question asks why the variable isn't being added to the output string. This question asks for assistance with code, the other asks about the practice — user3542456
– user3542456, Commented Nov 7, 2014 at 16:28

Pratik Joshi · Accepted Answer · 2014-11-07 16:23:08Z

1

use

$('.onchange :checkbox[idurl="apple"' + number+']').prop('checked', false);

Breaking of string:

1st part '.onchange :checkbox[idurl="apple"'

2nd part number

3rd part of string ']'.

edited Nov 7, 2014 at 16:23

answered Nov 7, 2014 at 16:17

Pratik Joshi

11.7k7 gold badges44 silver badges73 bronze badges

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

Comments

EricBellDesigns · Accepted Answer · 2014-11-07 16:19:40Z

1

I believe it's because it is inside your single quotes. Try this instead:

$('.onchange :checkbox[idurl="apple"' + number + ']').prop('checked', false);

answered Nov 7, 2014 at 16:19

EricBellDesigns

9651 gold badge9 silver badges35 bronze badges

Comments

user3542456 · Accepted Answer · 2014-11-07 16:20:22Z

1

You need to call the function with an actual number where your number argument in the function is. Also, javascript doesn't recognize variables in quotes, so you need to escape your single quotes.

$('.onchange :checkbox[idurl="apple"' +number +']').prop('checked', false);

answered Nov 7, 2014 at 16:20

user3542456

Collectives™ on Stack Overflow

Use variable in jQuery selector [duplicate]

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related