環流式JSON到DIV

Question

我的JSON從我的控制器如下：

{"ja": 
[ 
{ 
"ID":0, 
"Name":"Son", 
"DepartmentID":0, 
"isNewProduct":false, 
"PictureName":null, 
"isInstock":false 
} 
, 
{ 
"ID":0, 
"Name":"AM4-B2", 
"DepartmentID":0, 
"isNewProduct":false, 
"PictureName":null, 
"isInstock":false 
} 
, 
{ 
"ID":0, 
"Name":"AM4-B2", 
"DepartmentID":0, 
"isNewProduct":false, 
"PictureName":null, 
"isInstock":false 
} 
] 
} 

這是我的菜單我要去一下就可以了：

<ul id="navmenu-v"> 
    <li id="select_list" class="level1"> 
    <a id="56" class="selectedcategory" href="javascript:void(0);">Accessories</a> 
    </li>  
    <li id="select_list" class="level1"> 
    <a id="69" class="selectedcategory" href="javascript:void(0);">Audio Players</a> 
    </li> 
</ul> 

而這些都是在div我希望把每個JSON在：

<div id="container"> 
    <div id="id"></div> 
    <div id="name"></div> 
    <div id="departmentID"></div> 
    <div id="isNew"></div> 
    <div id="pictureName"></div> 
    <div id="isStock"></div> 
</div> 

那麼我想循環中的所有JSON成不同的div身邊時，我點擊我的菜單我的看法。

任何人都可以告訴我如何使用$.getJSON()和$.each()來做到這一點？非常感謝。

Answer 1

第一ULL有菜單錨元素的點擊事件綁定這樣

$("#56").click(function(){ 
    $.getJSON("baseUrl/Accesories",function(data){ 
     $.each(data,function(index,value){ 
     $('div#id').html($('div#id').html()+value.ID); 
     //simillarily you can do for others too 
     }); 
    }); 
});