Создания динамического всплывающего окна

Question

JS

$(function() { 
    var dmJSON = "clues.json"; 
    $.getJSON(dmJSON, function (data) { 
     var idx = 1; 
     $.each(data.details, function (i, f) { 
      var myid = 'mypop' + String(idx); 
      idx++; 
      var $popup = "<popup id='" + myid + "' class='mystyles1'><tr>" + "<p>" + f.Myclue + "</p></tr>" + "<tr><p>" + f.Description + "</p></tr>" + "<tr><p>" + f.Updates + "</p></tr>" + "<tr><p> " + f.Users + "</p></tr>" + "&nbsp;&nbsp;&nbsp;</popup>" 
      $("#popup-container").append($popup) 

     }); 

    }); 
}); 

Я хочу, чтобы создавать динамические всплывающие и отображение данных из файла JSON OnClick динамической таблицы. С приведенным выше кодом всплывающее окно отображает все данные json, тогда как я хочу, чтобы определенные данные отображались. Любое решение этого было бы полезно. Заранее спасибо

Answer 1

Используйте цикл:

$(function() { 
    var dmJSON = "clues.json"; 
    $.getJSON(dmJSON, function (data) { 
     var idx = 1; 
    for (var i =0; i < data.details.length; i++) { 
     var myid = 'mypop' + String(idx); 
     idx++; 
     var $popup += "<popup id='" + myid + "' class='mystyles1'><tr>" + "<p>" + data.details[i].Myclue + "</p></tr>" + "<tr><p>" + data.details[i].Description + "</p></tr>" + "<tr><p>" + data.details[i].Updates + "</p></tr>" + "<tr><p> " + data.details[i].Users + "</p></tr>" + "&nbsp;&nbsp;&nbsp;</popup>" 

    } 
    $("#popup-container").append($popup); 

    }); 
});