Javascript 如何更正代码以返回所有匹配的城市单独的div'；s

我在一个函数中有下面的JS代码，该函数响应用户按enter键（未显示）。我关注的代码部分如下所示：

   $.each(cityhash,function(key,value){
        if(value['city']== user_input) {
            $('#city').append(value['city']);
            $('#state').append(value['state']);
        }

我有以下散列：

cityhash =  [{"address":"07288 Albertha Station","city":"Littelside","state":"Missouri"},{"address":"0615 Mervin Rapid","city":"Tessmouth","state":"South Carolina"},{"address":"779 Elody Lock","city":"Littelside","state":"New Mexico"}]

如您所见，Littelside城市在哈希中出现两次。我的问题是，如果有两个城市的比赛，这些城市会直接放在彼此的旁边。例如Littelside Littelside。我希望每个匹配的Littelside都出现在它自己的div中。我如何做到这一点

如何更正代码以返回各自分区中的所有匹配城市

提前感谢诸位

诸如此类：

$('#city').append($("<div>").html(value['city']));

$（'city'）.append（$（“”）.html（value['city']）；

---

不确定现在如何打印城市，但基本上您需要跟踪前一个城市，以知道是否需要附加另一个div。

我将使用

id=“city”

创建一个元素，然后将城市元素附加到该元素中，而不是在元素中设置城市文本

$('#cities').append('<div class="city">' + value['city'] + ', ' + 
    value['state'] + '</div>');

$（'#cities'）。追加（''+value['city']+'，'+
值['state']+''；

是什么告诉你它们是订购的？没错，我没想到。可能会变得混乱。你能显示显示地址的其余代码吗？

$('#cities').append('<div class="city">' + value['city'] + ', ' + 
    value['state'] + '</div>');