Q&A
<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> </head> <body> <script> var anchor = document.createElement("a"); anchor.id="link"; anchor.href=field.site_url; div.appendChild(anchor); var title = document.createElement("div"); title.id="title"; div.appendChild(title); $.getJSON("http://localhost/test/json_source.html",function(result){ $.each(result, function(i, field){ $("#title").append(field.title); $("#link").attr('href','field.site_url); }); }); </script> </body>
//jsonの構造 [{"title":"A","site_url":"X","使わない":"data"} {"title":"B","site_url:Y","使わない"："data2"} {"title":"C","site_url":"Z""使わない"："data3"}]
①anchor.href=field.site_url;というイメージでリンク先を
jsonデータのurlとして設定したいのですが、現状だと、
field is not definedと出て、まだ定義されていないので、
エラーになってしまいます。どうすればいいでしょうか？
②また、titleとlinkで一つの組み合わせにして、ループで表示したいのですが、aとdivでタグが違うため、
$( '#div_test' ).append( field.title + field.site_url);
のようにセットにすることが難しいと思いました。何か方法はあるでしょうか。今の状態だとtitleが全部表示されてから、urlが全部表示されるようになってしまいます。
どちらかわかる方教えてください。
回答2件
0
ベストアンサー
JavaScript
1$( '#div_test' ).append( '<a href="' + field.site_url + '">' + field.title + '</a>' );
投稿2017/06/07 05:46
総合スコア69400
0
① まだ定義されていないので、エラーになってしまいます。どうすればいいでしょうか？
とりあえず、""にしておいてはいかがでしょう？
② 今の状態だとtitleが全部表示されてから、urlが全部表示されるようになってしまいます。
ご質問を理解できているか不安ですが、a要素に.text()メソッドでテキストを入れればいいかと思います。
set the text contents of the matched elements.
投稿2017/06/07 05:57
総合スコア36074
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。