Jquery 基于JSON响应显示隐藏Div

我有两个div-divOne和divTwo

divOne始终可见，而divTwo处于隐藏状态

现在我正在阅读一个JSON服务，它返回以下数据：

{"ip":"xx.xx.xxx.xxx","country_code":"US","country_name":"United States","region_code":"MI","region_name":"Michigan","city":"Lansing","zipcode":"48917","latitude":42.7257,"longitude":-84.636,"metro_code":"551","area_code":"517"}

我想读取国家代码，如果它在，则隐藏divOne并显示divTwo

我该怎么做？到目前为止，我在jQuery 1.11中已经做到了这一点：

<script>
(function() {
  var locAPI = "";
  $.getJSON( locAPI)
    .done(function( data ) {
      $.each( data.items, function( i, y) {

        }
      });
    });
})();
</script>

国家/地区代码可直接访问

if (data.country_code == 'IN'){
    divOne.hide();
    divTwo.show();
}

国家代码可以通过数据访问。国家代码在这里您可以找到一个包含代码和数据的示例来说明答案

解决方案是遍历data.items数组，如果country_代码等于IN，则隐藏divOne并显示divTwo。这可以使用jQuery和方法实现

注意：此逻辑假设您正在返回一个项目数组，其中JSON片段表示一个项目的示例

<script>
(function() {
  var locAPI = "";
  $.getJSON( locAPI)
    .done(function( data ) {
     if (data.country_code == 'IN'){
      $('#div1_id').hide();
      $('#div2_id').show();
     }
      });
    });
})();
</script>

$.each(data.items, function(index, item) {
    if (item.country_code === "IN") {
        $("#divOne").hide();
        $("#divTwo").show();
    }
});