Question

我有两个div - divOne和divTwo。

在隐藏divTwo时，divOne始终可见。

现在我正在阅读一个返回以下数据的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"}

我想阅读country_code，如果它是＆＃34; IN＆＃34;然后隐藏divOne并显示divTwo。

我该怎么做？这是我到目前为止在jQuery 1.11中所拥有的：

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

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

3 个答案:

答案 0 :(得分：0)

答案 1 :(得分：0)

答案 2 :(得分：0)

Answer 1

country_code可以直接访问

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

Answer 2

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

data.country_code

可以访问国家/地区代码

Answer 3

在这里，您会找到一个jsFiddle，其中包含代码和数据，以说明答案。

解决方案是遍历data.items数组，如果country_code等于“IN”，则隐藏divOne并显示divTwo。这可以使用jQuery hide()和show()方法来实现。

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

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

根据JSON响应显示隐藏Div

3 个答案: