2014-11-01 102 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片段代表一個項目的例子的一個項目數組)。這個邏輯假設你找回了一個項目數組。