如何从 JSON 数组追加列表？答案

【问题标题】：How to append list from JSON array?如何从 JSON 数组追加列表？
【发布时间】：2015-06-04 07:59:13
【问题描述】：

我想要 for 循环或每个或两个代码来学习两种方式来制作格式，我想要访问 id "list" 以附加 li。

HTML

<div id="list">
            <ul>
                <li>Mainland China</li>
                <li>Hotel Park Inn</li>
                ....
            </ul>
</div>

HTML

<html>
<head>
</head>
<body>
<input data-inline="true" id="submit"  type="submit" value="Go">
</body>
</html>

$(function() {
    $("#submit").click(function() {

        var data='{"restaurant": {"results": [{"name": "The Astor"},{"name": "Mainland China"},{"name": "Bhojohori Manna"},{"name": "6 Ballygunge Place"},{"name": "Zaranj"},{"name": "Hotel Park Inn"},{"name": "Oh! Calcutta"},{"name": "Red Hot Chilli Pepper"},{"name": "Chinoiserie"}]}}';

var json = JSON.parse(data);
        alert(json.restaurant.results.length);

        alert(json.restaurant.results[0].name);

    });
});

【问题讨论】：

标签： html arrays json append

【解决方案1】：

我认为您只需要在点击功能中添加以下行。

        var list = $('#list');
        jsonData = JSON.parse(data);
        jsonData.restaurant.results.forEach(function(i){
            list.append('<li>'+i.name+'</li>');            
        });

编辑：-

var jsonData = JSON.parse(data);
        jsonData.restaurant.results.forEach(function(i){
            $('ul').append('<li>'+i.name+'</li>');            
        });

【讨论】：

html 中应该有哪些初始标签或完全空白或部分空白，例如 id 为 ,ul,li 等的 div？