<script> $(document).ready(function(){ var div = $('<div></div>'); div.prop('id','main'); $('body').append(div); $.getJSON("http://localhost/json_source.html", function(result){ $.each(result, function(i, field){ console.log(field.article_title); var ctnr = $('<article></article>'); ctnr.prop('id',field.article_id); $('#main').append(ctnr); var title = $('<div></div>'); title.prop(field.article_title); $('#'+field.article_id).append(title); }); }); }); </script>
//jsonの構造 [{"id":"A","article_title":"X","使わない":"data"} {"id":"B","article_title:Y","使わない":"data2"} {"id":"C","aticle_title":"Z","使わない":"data3"}]
//現状のdomの構造 <div id="main"> <article id="A"><div></div></article> <article id="B"><div></div></article> <article id="C"><div></div></article> <div>
現状<article id="A"><div></div></article>このようにdivの中が空になっていて、<article id="A"><div></div></article>のようにidに対応するarticle_titleを入れたいのですが、どうすればいいでしょうか。 console.log(field.article_title);ではタイトルが表示されています。
回答1件
あなたの回答
tips
プレビュー