Question

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

.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');
 });

基于ID迭代JSON

1 个答案: