jQuery / js for循环，添加具有不同结束号的变量来分隔div

Question

说我有以下变量

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

我想将每个数字附加到一个单独的div中，每个div标记为：

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

如何使用for循环执行此操作？

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

}

我只是不知道如何在变量的末尾添加数字i以便它可以工作，任何想法？

Answer 1

您最好使用array代替variable。如果几乎所有情况，管理变量都是非常困难和不必要的。想象一下，如果你想要一百多个，那么你需要重复相同的例外。

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

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

但你也可以使用变量，

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

Answer 2

尝试以下方法（也不是达到所需要的最佳方式）：

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

Answer 3

假设您的变量已在窗口范围内定义（通常意味着全局），您可以像这样访问它们：

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

此外，您应该认真考虑将100个变量更改为一个数组（正如您的问题的第一条评论所示）。