これらのdivクラスを使用して、1つと1つから8つの他のdivを追加したい8つの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);
});
追加したい div が作成される前に、.fooData div (ここでも 8 個あります) が作成されます。
ただし、これは機能しません (つまり、.fooData-div にデータが追加されません)。私は何を間違っていますか?
注: .fooData-div には、重要な場合は他のクラスもあります。
<div class="color4 fooData leftSide"></div>