2

これらの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>
4

2 に答える 2

2

array変数を使用してその名前を評価する代わりに使用する方が良いでしょう。

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]);
});
于 2013-01-27T14:12:06.630 に答える
0

このスクリプトのほとんどすべてが間違っています。のインデックスが でeach始まり、変数が定義され0ていません。これに加えて、定義した変数ではなく、文字列を fooData 要素にfoo0追加します。また(再び文字列)は機能しません。$('this')

于 2013-01-27T14:12:32.730 に答える