2

呼び出しから JSON として返される 2 次元配列があります。

また、3 x 3 div もあります。

次のように：

<div id="type0">
    <div id="image00"></div>
    <div id="image01"></div>
    <div id="image02"></div>
</div><br />

<div id="type1">
    <div id="image10"></div>
    <div id="image11"></div>
    <div id="image12"></div>
</div><br />

<div id="type2">
    <div id="image20"></div>
    <div id="image21"></div>
    <div id="image22"></div>
</div><br />

そして、データを反復するために以下のループがあります。

$.each(res, function (i, tickets) {
     $.each(tickets, function (j, ticket) {

         console.log('i:' + i);
         console.log('j:' + j); 



     });
 });

このスクリプトが呼び出されるたびに、上記の div の内容を置き換えるにはどうすればよいですか?

基本的に、3 行 3 列の div を埋めたいと思っています。

したがって、内側のループでは、次のようなものが必要だと思います。

$("#type1").$("#image1").html(image here);

これを行う正しい方法は何ですか？

i と j は u、0,1,2 と 0,1,2 を与えます。

またはこれを行うためのより良い方法はありますか？

4

2 に答える 2

3

あなたは試すことができeq()ますstart with attribute：

$.each(res, function (i, tickets) {
     $.each(tickets, function (j, ticket) {
         $('div[id^=img]').eq(j).text(ticket)
     });
 });

$.each(res, function (i, tickets) {
     var ind = i;
     $.each(tickets, function (j, ticket) {
         $('#image'+ind+j).text(ticket)
     });
 });
于 2012-07-15T22:44:27.260 に答える
1

ID は一意であるため、ID をセレクターとして使用します。

$.each(res, function (i, tickets) {
     $.each(tickets, function (j, ticket) {
         $(('#image'+i)+j).html(image here)
     });
 });
于 2012-07-15T22:49:14.587 に答える