javascript - 根据 ID 遍历 JSON

Question

我正在开发一个网上商店模板，我需要根据商店中的每个产品在单击给定产品时打开的模式中显示正确的 JSON 数据。我还使用 handlebars 进行模板化并具有以下代码结构:

.html(打开模式的按钮)

<button type="button" class="quickview">Open Modal</button>

.html(模态)

<div id="quickview-modal">
 modal content that should iterate over the JSON and display one item at a time depending on the ID 
</div>

.json

{
 "productID" : "1",
 "name" : "productOne"
},
{
 "productID" : "2",
 "name" : "productTwo"
}

.js

$( ".quickview" ).click(function( event ) {
  $('#quickview-modal').modal('show');
  event.stopPropagation();
  // Do something
});

有什么办法可以解决这个问题吗？谢谢!

Answer 1

说你的 .json 变量是 data

 var data = 'your JSON';
 $.each(data,function(i,v){
     alert(v.productID); //will give you the value related to productID.
 });

已更新

$( ".quickview" ).click(function( event ) {
   event.stopPropagation();
   var data = 'your JSON';
   $.each(data,function(i,v){
      $('#quickview-modal').append(v.name + " : " + v.productID);

   });
   $('#quickview-modal').modal('show');
 });