2016-11-17 6 views
1

私はこのjsonを使用してjsonデータをテーブル形式で動的に表示する方法は?

{ 
    Qty:[61.0,0.0,8.0], 
    Name:["2009 A","2009 B","2009 C "] 
} 

ようなJSONデータがあると私はまた、単一含有することができなければならない3つのすべての要素がtable.Itの異なる行に表示されるべきであるように、HTMLで表形式で表示しなければなりませんそれぞれ名前と数量、複数の数量(必要な場合)この点については、どんな助力にも感謝します。

+0

そう...を反復処理する方法のコードの下に見ることができますか? –

答えて

1

あなたはそれが$.eachループあなたがこれまでに試してみました何

$(document).ready(function (e) { 
 
     var t = { Qty: [61.0, 0.0, 8.0], Name: ["2009 A", "2009 B", "2009 C "] } 
 
     $.each(t.Qty, function (i, ele) { 
 
      $("#content").append("<tr><td><input type='checkbox' /></td><td>" + parseFloat(t.Qty[i]).toFixed(1) + "</td><td>" + t.Name[i] + "</td></tr>"); 
 
     }) 
 
    })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> 
 
<table> 
 
    <thead> 
 
     <tr> 
 
      <th>Select </th> 
 
      <th>Qty</th> 
 
      <th>Name</th> 
 
     </tr> 
 
    </thead> 
 
    <tbody id="content"> 
 
    </tbody> 
 
</table> 
 
\t

+0

チェックボックスを付けて表示する必要がある場合は、どのような変更が必要ですか? –

+0

それは..働いています@Bharat Patidar –

+0

@ShreyaRawal NPあなたを助けてうれしい:) – Bharat

関連する問題