Jquery 动态地向div追加数据

我正在创建八个div，我希望通过使用这些divs类，将其一个附加到另八个div中：

var foo1 = "<span class='fooClass'>Foo text1</span>";
var foo2 = "<span class='fooClass'>Foo text2</span>";
var foo3 = "<span class='fooClass'>Foo text3</span>";
var foo4 = "<span class='fooClass'>Foo text4</span>";
var foo5 = "<span class='fooClass'>Foo text5</span>";
var foo6 = "<span class='fooClass'>Foo text6</span>";
var foo7 = "<span class='fooClass'>Foo text7</span>";
var foo8 = "<span class='fooClass'>Foo text8</span>";

$('.fooData').each(function(i) {
    $('this').append('foo' + i);
});

var foo1=“Foo text1”；
var foo2=“Foo text2”；
var foo3=“Foo text3”；
var foo4=“Foo text4”；
var foo5=“Foo text5”；
var foo6=“Foo text6”；
var foo7=“Foo text7”；
var foo8=“Foo text8”；
$（'.fooData'）。每个（函数（i）{
$（'this'）。追加（'foo'+i）；
});

.fooData div（同样，也有八个）是在创建我要附加的div之前创建的

但是，这不起作用（即没有数据添加到.fooData divs）。我做错了什么

注意：如果重要，.fooData div还有其他类，例如：

<div class="color4 fooData leftSide"></div>

---

最好使用

数组，而不是使用变量并计算它们的名称

foo = [];
var foo[0] = $("<span class='fooClass'>Foo text1</span>");
var foo[1] = $("<span class='fooClass'>Foo text2</span>");

$('.fooData').each(function(i) {
    $(this).append(foo[i]);
});

foo=[]；
变量foo[0]=$（“foo text1”）；
变量foo[1]=$（“foo text2”）；
$（'.fooData'）。每个（函数（i）{
$（this.append（foo[i]）；
});
此脚本中几乎所有内容都是错误的。
每个
的索引以
0
开始，您没有定义变量
foo0
。除此之外，您还向fooData元素附加了一个字符串，而不是您定义的变量。另外，
$（'this'）
（同样是一个字符串）将不起作用。
.Foodata不存在，因此不起作用。谢谢。好的，但是我应该如何附加变量呢？是否要将这8个span元素附加到每个fooData元素？或者数据是否已编号？或者你想在哪里添加什么@Adil的回答向您展示了如何正确使用jQuery.each。也许这已经解决了你的问题？如果没有，你必须澄清你想做什么。非常感谢。工作得很有魅力！我会尽快接受你的答复。