将json数据附加到html类名

我的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>

如需更多说明。。。 我希望现场演示的结果是这样的

大的 大的 塞尔吉奥 2009, 大2 大的 塞尔吉奥2 20092

尝试使用

$('#'+k+o).append(o+',');

而不是

$('#'+k+o).text(o);

---

但我会使用更快的替代方案：

var data = JSON.parse(json);
for(var i in data[0]) {
    if(data[0].hasOwnProperty(i)) {
        var txt = data[0][i];
        for(var j=1; j<data.length; j++) {
            txt += ', ' + data[j][i];
        }
        $('.'+i).text(txt);
    }
}

---

您没有在类名后面追加任何内容。你应该给出你期望的HTML。谢谢。这有点帮助。我必须附加到另一个div以使它们看起来有序吗？@user2898514有序是什么意思？就像这个大的sergio 2009，大的sergio 20092将所有附加的记录附加到另一个div以使它们分开

var data = JSON.parse(json);
for(var i in data[0]) {
    if(data[0].hasOwnProperty(i)) {
        var txt = data[0][i];
        for(var j=1; j<data.length; j++) {
            txt += ', ' + data[j][i];
        }
        $('.'+i).text(txt);
    }
}

var data = JSON.parse(json),
    $el = $('#data');
for(var i=0, l=data.length; i<l; ++i) {
    for(var j in data[i]) {
        if(data[i].hasOwnProperty(j)) {
            $el.append(
                $('<li>')
                    .attr("id",j+data[i][j])
                    .text(data[i][j])
            );
        }
    }
}