How to concatenate multiple variable and strings in functions in jquery

Question

This seems like it should be simple, so not sure what i'm missing

// this works
$("#Q270_1, #Q271_1").change(function () {
    alert("Check 1")
});

// this works
var m1c1 = "#Q270";
$(m1c1+"_1").change(function () {
    alert("Check 2")
});

// This doesn't work
var m1c2 = "#Q271";
$(m1c1+"_1",m1c2+"_1").change(function () {
    alert("Check 3")
});

Here is a jsfiddle where it shows the above: https://jsfiddle.net/9Led5cv9/

Any assistance much appreciated. Thanks!

You need to include the , within the quotes, as it's part of the selector string. Additionally, you need to concatenate the m1c2 with a +. $(m1c1+"_1,"+m1c2+"_1") — Tyler Roper
– Tyler Roper, Commented Oct 3, 2016 at 23:59

charlietfl · Accepted Answer · 2016-10-04 00:01:09Z

2

You are creating 2 parameters which jQuery interprets as:

$(selector, context)

This would be the same as $(context).find(selector)

You need to concatenate the full string instead keeping the comma inside quotes

$(m1c1+ "_1, " + m1c2+"_1")

answered Oct 4, 2016 at 0:01

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

2 Comments

Khaynes Over a year ago

Thank you so much, there I go not understanding the basics! Updated fiddle with if anyone else comes across this issue: jsfiddle.net/9Led5cv9/3

charlietfl Over a year ago

even simpler is give those elements a common class. Will make it easier reading the code later on

user6765872 · Accepted Answer · 2016-10-04 00:00:52Z

0

stringify that comma:

$(m1c1+"_1, "+m1c2+"_1").change(function () {
    alert("Check 3")
});

Now the 1 argument references both elements.

Note: I'd give the elements a class, instead of generating long complicated lists of jQuery selectors.

answered Oct 4, 2016 at 0:00

user6765872

Collectives™ on Stack Overflow

How to concatenate multiple variable and strings in functions in jquery

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related