Looping 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> 

И они являются ДИВ что я хочу, чтобы поместить каждый в 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

первого Улла должен связать меню анкерных элементов замкового событий, как это

$("#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 
     }); 
    }); 
});