Показать сообщение отдельно
  #4 (permalink)  
Старый 18.02.2016, 11:54
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Nesquik,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script>
   $(function() {
    var data = '{"item1" : {"key1" : "value1", "key2" : "value2"}, "item2" : {"key1" : "value3", "key2" : "value4"}, "item3" : {"key1" : "value5", "key2" : "value6"}}';
    data = JSON.parse(data);
    $.each(Object.keys(data), function(i, item) {
        $("table tbody").append($("<tr/>").append($.map(Object.keys(data[item]), function(key) {
            return $("<td/>", {
                text: data[item][key]
            })
        })))
    })
});
  </script>
</head>

<body>


<table>
   <thead>
      <tr>
         <th>caption for key1</th>
         <th>caption for key2</th>
      </tr>
   </thead>

   <tbody>

   </tbody>
</table>

</body>

</html>
Ответить с цитированием