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

您正在覆蓋所有值，因為您正在使用“ html” jquery函數。 我建議使用附加：

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