javascript - 如何更正我的代码以返回所有匹配的城市单独的 div？

Question

我在一个函数中有以下一段 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 都出现在自己的 div 中。我该怎么做？

如何更正我的代码以在各自单独的 div 中返回所有匹配的城市？

提前谢谢

Answer 1

我不会使用 id="city" 在元素中设置城市文本，而是使用 id="cities" 创建一个元素，然后附加城市元素在那里面。

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