回答率: 85.37%

質問するログイン新規登録

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

新規登録して質問してみよう

ただいま回答率: 85.37%

トップ HTML5に関する質問

Q&A

解決済

1回答

4345閲覧

Jsonデータの項目数に合わせてTableの行を追加し、Jsonデータを設定したいです。

総合スコア40

0グッド

1クリップ

投稿2015/03/10 08:48

編集2015/03/11 01:19

0

1

Jsonデータの項目数に合わせてTableの行を追加し、Jsonデータを設定したいです。
現在のソースは
＊javascript

lang
1
2$(document).ready(function () {
3
4var url = "http://ooo";
5
6$.get(url, function (json) {
7  ※jsonデータの内容
8  {"年":"2020", "名前":"アメリカ", "読み":"あめりか"},
9  ～複数（データ数はランダム）～
10  {"年":"2020", "名前":"日本", "読み":"にほん"}
11  });
12});
13
14＊html
15<body>
16   
17</body>

・tabelのカラムは「年」「名前」「読み」にしたい

どのように実装したら良いか分かりません。
分かる方がいましたら、ご教授をお願いします

行動規範の内容に同意します

回答1件

0

ベストアンサー

ざっくり書くとこんな感じのはず。

var table = $('<table/>');

for(var i in json)
{
var tr = $('<tr/>')
var td1 = $('<td/>').text(json[i].年);
var td2 = $('<td/>').text(json[i].名前);
var td3 = $('<td/>').text(json[i].読み);
tr.append(td1).append(td2).append(td3);
table.apprnd(tr);
}

$("body").append(table);

投稿2015/03/10 09:16

退会済みユーザー

総合スコア0

2015/03/10 09:26

迅速な返答ありがとうございます。 table.apprnd(tr); の部分でundefined is not a functionが発生してしまいました

退会済みユーザー

2015/03/10 09:31

appendのタイプミスです。すいませんm(_ _)m

2015/03/10 09:38

HTMLのbodyは未記入でもtableは作成されますか？今のところエラーは出てませんが、画面には何も表示されません

退会済みユーザー

2015/03/10 10:24

HTMLにbodyタグが無いということでしょうか？ $("body").append(table);は、bodyタグ内にtableを追加するという意味なので、 bodyタグがないと、追加できないので何も起こりません。

2015/03/11 01:20

htmlは現在Bodyタグのみで、デバックで確認するとjavascriptは正常動作しているのですが、tableが追加されない状況です。

2015/03/11 01:22

こちらの間違いです、解決することが出来ました

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問

トップ HTML5に関する質問

Jsonデータの項目数に合わせてTableの行を追加し、Jsonデータを設定したいです。

関連した質問

同じタグがついた質問を見る