html 输出json对象属性,尝试通过JSON对象循环并使用HTML输出它

HTML代码

在这里，我将使用模板格式，将更容易添加或删除子元素

Jquery Accordion

脚本

$(function() {

$.getJSON('http://design.propcom.co.uk/buildtest/accordion-data.json', function(data) {

// To empty the existing item

// $('.accordion').empty();

// Iterate block

$.each(data.blocks, function(k, v) {

// Make use of jquery clone

var new_block = $('[rel=template]').find('.block').clone();

new_block.find(".heading").html(v['heading']);

new_block.find(".content").html(v['content']);

// Append the each item

$('.accordion').append(new_block)

});

});

});