Javascript Variables Variable (Syntax Error)

Question

I have a variable which contains IDs.

var mediaid = '5';

And i have a variable set

var t1 = 'First';
var t2 = 'Second';
var t3 = 'THird';
etc...

I'm trying to get variable's variable inside of jQuery's .append function.

$('#block').append('<span>{t+mediaid}</span>');

For example if mediaid is 3, {t+mediaid} should be t3. But i have syntax errors. Can you fix it..

@Quentine normally i will use an array but this time there is a detail, so i can't use array. I'm not writing this detail because it's not related with my question :) But thank you you're right :) — Eray
– Eray, Commented May 26, 2011 at 18:25
@Eray Although that detail is not related to this question, I would still like to hear about it. Could you please elaborate why you need that variable set (in short)? — Šime Vidas
– Šime Vidas, Commented May 26, 2011 at 18:30
@Sime, this set (t1, t2, t3...) contains long texts and i need to find (for example) 5th element quickly when i need. If i use array (t['lorem','ipsum','lorem'....]) i can't find 11th element easily — Eray
– Eray, Commented May 26, 2011 at 18:34

Naftali · Accepted Answer · 2011-05-26 18:34:42Z

3

$('#block').append('<span>'+{t+mediaid}+'</span>');

I dont think that this is possible.

You might have to do :

$('#block').append('<span>'+window['t'+mediaid]+'</span>');
                           //if all those variables are in the window's scope

Better:

var mediaid = '5';
var t = ['', 'first', 'second', 'third', ...];

$('#block').append('<span>'+t[mediaid]+'</span>');

edited May 26, 2011 at 18:34

answered May 26, 2011 at 18:18

Naftali

147k41 gold badges247 silver badges304 bronze badges

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

4 Comments

Devin Burke Over a year ago

No, that will return the value of t (undefined) and mediaid rather than the variable he wants.

Naftali Over a year ago

@Jeremy, that is what is there

Šime Vidas Over a year ago

@Neal The null value usually represents an empty object reference. Since the other values are strings, an empty string ('') would be more appropriate I believe...

Naftali Over a year ago

@sime, that is true.. changed it

Zach · Accepted Answer · 2011-05-26 18:20:57Z

1

Why not store your variables in an array instead of magically-named variables? Then you can access array elements by index.

var mediaid = 5;
var t = [
    'Zeroth',
    'First',
    'Second'
    // etc...
];

$('#block').append('<span>' + t[mediaid] + '</span>');

answered May 26, 2011 at 18:20

Zach

7,9503 gold badges23 silver badges26 bronze badges

Comments

c-smile · Accepted Answer · 2011-05-26 18:21:12Z

-1

Try this:

$('#block').append('<span>' + eval('t'+mediaid) + '</span>');

answered May 26, 2011 at 18:21

c-smile

27.6k8 gold badges66 silver badges91 bronze badges

2 Comments

The Mask Over a year ago

you is not need of 'eval()' for this, access the variable by 'window ' object $('#block').append(['<span>' , window[t + mediaid], '</span>'].join(''));

c-smile Over a year ago

@The Mask: if your document will contain <div id=t5></div> then window["t5"] will return you reference to that DOM element, not value of variable t5. See: stackoverflow.com/questions/6130340/…

Collectives™ on Stack Overflow

Javascript Variables Variable (Syntax Error)

3 Answers 3

4 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related