jQuery $.each() 仅返回 Json 对象的第一个元素答案

【问题标题】：jQuery $.each() returns only the first element from a Json objectjQuery $.each() 仅返回 Json 对象的第一个元素
【发布时间】：2014-09-24 21:07:29
【问题描述】：

我想从循环通过 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

       });
    });

【问题讨论】：

我建议使用 for 循环而不是 each。
您可能希望发布示例 JSON 以确保看起来不错。您还需要使用append 而不是html，因为html 会完全替换内容。
@Armen，有什么特别的原因吗？
你的问题是.html，现在我明白了，每次你替换整个html时，最后都会显示最后一个项目。
@Armen 但问题指出它返回第一个元素，而不是最后一个。

标签： javascript jquery ajax json each

【解决方案1】：

您正在覆盖所有值，因为您使用的是“html”jquery 函数。我建议使用附加：

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

【讨论】：

这会返回所有元素但它会添加它们，我想在每次点击另一个 html 元素时替换 div 的内容
什么意思？你能给我举个例子来理解你的观点吗？
这个洞的过程是在一个html地图区域的点击事件中。每个地图区域都有一个 id。每次我单击地图区域时，ajax 请求都会转到带有 id 参数的操作方法，该方法以 Json 对象的形式返回 sql 查询。所以每次我点击一个（不同的）地图区域时，它都应该向我显示该区域（县）的城市。
所以，如果你想重写#city div，“html”函数是正确的。你在点击事件中有你的 $.ajax 调用吗？因为您可以绑定地图中的任何点击并调用 ajax。
能否用 html 地图、jquery 事件和更多信息更新问题？