json コードに問題があります。各json値を追加したいのは、jsonデータのキーと一致するhtmlクラス名に追加されるキーからのものです。
ここに私のライブデモがあります
人生のデモで結果が表示された場合。最後のレコードを追加するだけです。すべてのレコードを順番に表示することはできますか?
json
var json = '[{"castle":"big","commercial":"large","common":"sergio","cultural":"2009"},' + '{"castle":"big2","commercial":"large2","common":"sergio2","cultural":"20092"}]';
html
<div class="castle"></div>
<div class="commercial"></div>
<div class="common"></div>
<div class="cultural"></div>
JavaScript
var data = $.parseJSON(json);
$.each(data, function(l,v) {
$.each(v, function(k,o) {
$('.'+k).attr('id', k+o);
console.log($('#'+k+o).attr('id'));
$('#'+k+o).text(o);
});
});
より多くの図について...ライブデモの結果を次のようにしたい
大きな大きなセルジオ 2009、big2 large2 sergio2 20092