2014-11-01 109 views
0

我有两个div-divOne和divTwo。根据JSON响应显示隐藏Div

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"} 

我想读的COUNTRY_CODE,如果它是“IN”然后隐藏divOne和显示divTwo。

我该怎么做?这是我迄今为止在jQuery的1.11:

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

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

回答

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

国家代码将可以访问由data.country_code

0

country_code可以直接访问

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

在这里,你会发现一个jsFiddle用代码和数据来说明答案。如果country_code等于“IN”,则隐藏divOne并显示divTwo。这可以使用jQuery hide()show()方法来实现。 (注意:这个逻辑假定你找回了你的JSON片段代表一个项目的例子的一个项目数组)。这个逻辑假设你找回了一个项目数组。