2015-03-31 31 views
0

我想要for循環或爲每個或兩個代碼學習兩種方式來使格式,我想要acccess ID「列表」來追加li。如何從JSON數組中追加列表?

HTML

<div id="list"> 
      <ul> 
       <li>Mainland China</li> 
       <li>Hotel Park Inn</li> 
       .... 
      </ul> 
</div> 

HTML

<html> 
<head> 
</head> 
<body> 
<input data-inline="true" id="submit" type="submit" value="Go"> 
</body> 
</html> 

JS

$(function() { 
    $("#submit").click(function() { 

     var data='{"restaurant": {"results": [{"name": "The Astor"},{"name": "Mainland China"},{"name": "Bhojohori Manna"},{"name": "6 Ballygunge Place"},{"name": "Zaranj"},{"name": "Hotel Park Inn"},{"name": "Oh! Calcutta"},{"name": "Red Hot Chilli Pepper"},{"name": "Chinoiserie"}]}}'; 

var json = JSON.parse(data); 
     alert(json.restaurant.results.length); 

     alert(json.restaurant.results[0].name); 

    }); 
}); 

回答

0

我想你只需要下面一行添加點擊功能裏面。

 var list = $('#list'); 
     jsonData = JSON.parse(data); 
     jsonData.restaurant.results.forEach(function(i){ 
      list.append('<li>'+i.name+'</li>');    
     }); 

編輯: -

var jsonData = JSON.parse(data); 
     jsonData.restaurant.results.forEach(function(i){ 
      $('ul').append('<li>'+i.name+'</li>');    
     }); 
+0

什麼最初的標籤應該有在HTML或完全空白或部分空白,如用ID,UL,李等DIV?

2015-03-31 05:16:55