javascript - 根据对象名称将返回的数据附加到不同的元素

Question

如何根据对象名称将 json 返回的对象附加到不同的元素？我的 JSON 数据比以下示例更大，因此我想知道在 .ajax 中为每个对象使用 if 语句是否是个好主意:

JSON 示例数据

[{"name":"Europe","year":"2000"},{"name":"Asia","year":"2001"},{"name":"Africa","year":"2002"}]

HTML

<div class="Europe"></div>
<div class="Asia"></div>
<div class="Africa"></div>

JS

 $.ajax({
     url: "text.json",       
     success: function (data) {
     var item_html;

      $(data).each(function (index, item) {
        var name = item.name;
        item_html='<h3>'+name+'</h3><div>'+item.year+'</div>';
      });

      if (name == Africa){
        $('.Africa').append(item_html); 
      }
      if (name == Europe){
        $('.Europe').append(item_html); 
      }
      if (name == Asia){
        $('.Asia').append(item_html); 
      }

   },
   error: function () {$('.Europe').append("<b>No Results Returned</b>");}        
 });

Answer 1

将 if block 移至 each

$(data).each(function (index, item) {
    var name = item.name;
    item_html = '<h3>' + name + '</h3><div>' + item.year + '</div>';
    if(name == 'Africa') {
        $('.Africa').append(item_html);
    }
    if(name == 'Europe') {
        $('.Europe').append(item_html);
    }
    if(name == 'Asia') {
        $('.Asia').append(item_html);
    }
});