| ■75299 / inTopicNo.3) |
Re[2]: Jsonデータの項目数に合わせてTableの行を追加し、Js |
□投稿者/ 魔界の仮面弁士 (224回)-(2015/03/10(Tue) 20:04:39)
|
■No75295 (shoi さん) に返信
>・tabelのカラムは「年」「名前」「読み」にしたい
と書いておきながら、HTML 側には
■No75296 (shoi さん) に返信
> <thead>
> <tr>
> <th>名前</th>
> <th>読み</th>
> </tr>
> </thead>
となっており、「年」列が無いみたいですが…。
年は無視して、「名前」「読み」を表示したいという意図だとしたら、
var data = [
{"年":"2000", "名前":"米国", "読み":"あめりこ"},
{"年":"2010", "名前":"英国", "読み":"ぶりてん"},
{"年":"2020", "名前":"日本", "読み":"わのくに"}
];
のようなデータがあったとして、jQuery 指定でこんな感じ。
$(function(){
var t = $("#sampleTable tbody");
t.children().remove();
for(var i = 0 ; i < data.length ; i++) t.append(
$("<tr></tr>")
.append($("<td></td>").text(data[i]["名前"]))
.append($("<td></td>").text(data[i]["読み"]))
);
});
あとはこのあたり。
https://teratail.com/questions/7554
「年」列も表示したいということであれば、同様にして thead も処理してみて下さい。
ヘッダ部指定のテキストを JSON データのキー名に使いたいという意図だとしたら、
th の中身を jQuery の .text() あたりで読み出して使えば OK です。
DOM で読み出す場合は、ブラウザによって使うプロパティが異なります。(innerText / textContent)
|
|