Question

我想循环或为每个或两个代码学习两种方式来制作格式，我希望能够使用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>

JS

$(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);

    });
});

Answer 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>');            
        });

如何从JSON数组中追加列表？

1 个答案: