2016-08-31 10 views
0

おそらく私はこれを悪い方法でやっているかもしれませんが、私はテーブルを作成するためにjsonをループしようとしていました。ループなしでコーディングすると1つのループでループすることができますが、ネストしたものを追加すると行が作成されません。この権利を行使しているのですか、何か不足していますか?jsonをループしてテーブルを作成する

for(var i = 3; i < 17; i++){ 

    $('.one').append("<tr>"); 

    for(var j = 0; j < 5; j++){ 

     $('.one').append("<td>" + obj.values[i][j] + "</td>");  

    } 

    $('.one').append("</tr>"); 
} 

私はそれが私が見渡せるてるシンプルなタイプミスではありません願っていますが、私はいくつかの方法をしたし、それがハードコーディングjとラインを長くすることにより、仕事を得ることができます。私はまだかなり新しいし、これは私の最初の成功したアヤックスコールでした。どんな助けでも大歓迎です。ありがとうございました。

+0

あなたのJSONデータ構造(;;私< 17私は++ VAR I = 3)のために

はここに可能な解決策は?ここに見せてもらえますか? –

答えて

0

JQueryの.append()は、個々のオープンタグとクローズタグをDOMに追加しません。 は、全要素 - 開閉タグであるを付加します。あなたのコードでは、append()を呼び出すたびに前の出力を上書きします。 {

$('.one').append("<tr>"); 

for(var j = 0; j < 5; j++){ 

    $('.one tr').html("<td>" + obj.values[i][j] + "</td>");  

} 

}

+0

パーフェクト!私はそれが動作するために、タグ全体を追加するために必要な追加を知らなかった。私のコードでは、次のように入力します。 $( '。one')。append( ""); $( '一のTR:最後')アウターループと使用中 。( "​​"+ obj.values [I] [J] +"")を追加。内ループの コードは今動作し、それはずっと小さくなっています。再度、感謝します! –

+0

私はそれが助けてうれしい!コードの量を減らすことができるときは、常に良いことです! – codeslinger

関連する問題