jQuery/js for loop, adding variable with different end number to separate div

Question

Say I have the following variables

example1 = 1
example2 = 32
example3 = 3345
etc all the way to something big, like
example100 = 222

I want to append each number into a separate div, each div labelled:

<div class = "exam1"> </div>
<div class = "exam2"> </div>
etc all the way to exam100

How can I do this using a for loop?

for ( var i = 1; i < 100; i++ ) {
     $(".exam"+i).empty();$(".age-"+i).append( **????** );

}

I just don't know how to add a number i onto the end of a variable so that it will work, any ideas?

why not use an array instead of 100 variables? one way would be: this["example" + i] — Matthew Mcveigh
– Matthew Mcveigh, Commented Oct 22, 2013 at 8:51
@Ghozt: If you have a textprocessor that can use Regular Expressions to replace text, you can easily replace your variables with an array. regex: /example(\d+)/ replace with example[$1]. Then, add an array declaration at the top of your JS var example = []; — Richard de Wit
– Richard de Wit, Commented Oct 22, 2013 at 8:57

Adil · Accepted Answer · 2013-10-22 09:30:30Z

2

You better use array instead of variable. Managing variables is quite difficut and unnecessary if almost all cases. Imagine if you want one hundred more then you will need to repeat the same excersie.

var arr = [1, 32, 3345 /* 100 elements */];

for ( var i = 1; i <= 100; i++ ) 
{
     $(".exam"+i).empty();$(".age-"+i).append(arr[i-1]);    
}

But you can do with variables as well,

for ( var i = 1; i < 100; i++ ) 
{
     $(".exam"+i).empty();$(".age-"+i).append(window['example'+i]);    
}

edited Oct 22, 2013 at 9:30

answered Oct 22, 2013 at 8:56

Adil

148k25 gold badges217 silver badges207 bronze badges

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

Comments

Flea777 · Accepted Answer · 2013-10-22 08:55:29Z

1

Try the following (also it isn't the best way to achieve what you need):

for ( var i = 1; i < 100; i++ ) {
     $(".exam"+i).empty();$(".age-"+i).append( window['example' + i] );
}

answered Oct 22, 2013 at 8:55

Flea777

1,0229 silver badges21 bronze badges

Comments

Tibos · Accepted Answer · 2013-10-22 08:55:40Z

1

Assuming your variables have been defined in the window scope (usually that means globally), you can access them like this:

var example1 = 100;
var i=1;
var t = window['example' + i];
console.log(t); // 100

Also you should seriously consider changing your 100 variables to one array (as the first comment to your question suggests).

answered Oct 22, 2013 at 8:55

Tibos

27.9k4 gold badges56 silver badges66 bronze badges

Collectives™ on Stack Overflow

jQuery/js for loop, adding variable with different end number to separate div

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related