javascript - 如何为构造的对象添加索引？

Question

On (document).ready 我想在某个父元素内动态生成元素。让我们称它们为“蜡烛”。

每个“蜡烛”需要不同的 backgroundImage 和颜色属性，具体取决于它们的 index()。

创建页面后，这些属性需要通过界面进行更改。因此，重要的是保存彼此独立的“蜡烛”的属性。

这就是为什么我认为它可能有用，为每个“蜡烛”生成一个对象以保存它们的各个属性并使它们可编辑。

    var candleAmount = 3;
for (var i=1; i <= candleAmount; i++) {
    $("#container #candles").append("<li><img src=''></img></li>");
    var Candle+i = [ "background":"+i+", "color":" - random - (ignore)" ]
    };

(请不要介意代码中除了“Candle+i”之外的任何错误，我会解决的。)

编辑:好的，到目前为止谢谢你。我可能没有说清楚。这是一个更简化的例子:

$("ul#candles li").each( function(i) {
  candle+i = i+" Anything";
  });

alert(candle4);

我很想根据子对象的数量创建一定数量的变量。什么是正确的语法，或者没有？

谢谢

Answer 1

只需将它们放在一个数组中并通过索引访问它们。结果很可能与您相同，并且比让它们漂浮在您的范围内要好得多