jQuery $ .each（）仅返回Json对象中的第一个元素

Question

我想从循环遍历Json对象（结果）的$ .each（）函数动态填充#city div的内容。如何将对象中的所有元素放入#city div？

在这种情况下创建和替换html元素的最佳方法是什么？ （从每个功能开始）

我的代码：

<div id="city"></div>

$.ajax({
        url: "/Home/GetCity",
        type: "GET",
        data: { county: County}
    })
    .done(function (result) {
        $.each(result, function (index, value) {
            console.log(this.CityName); //here it returns all the elements
           $('#city').html("<h4>" + this.CityName+ "</h4>"); //here it return only the first one

       });
    });

Answer 1

您正在覆盖所有值，因为您正在使用＆＃34; html＆＃34; jquery函数。 我建议使用append：

$('#city').empty().append("<h4>" + this.CityName+ "</h4>");