javascript - 附加到特定元素

Question

我有一个像这样的 JSON:

{  
   "data":[  
      "26325",
      "26337",
      "26340"
   ],
   "titles":[  
      "CID",
      "CID",
      "CID"
   ]
}

我只需要创建一列(因为它们都说 CID)。另外我如何将 html 附加到 tr ？

基本上，它应该创建一个表格，其中 1 列包含标题 CID，3 行包含数据。

Jquery:

 success: function (result) {
          console.log(result);
          var titles = result.titles;
          var data = result.data;

          $.each(titles, function (index, title) {
             var titleHTML = '<th class="text-center text-primary">' + title + '</th>';
             $('#result-table thead tr').append(titleHTML);
          });
      },

HTML

 <div id="results">
                    <%--Javascript generated--%>
                    <table id="result-table">
                        <thead>
                        <tr>

                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>

Answer 1

您可以只打印数据。如果您只有一栏。如果还会有其他专栏，请告诉我。

var result  = {  
   "data":[  
      "26325",
      "26337",
      "26340",
      "96586"
   ],
   "titles":[  
      "CID",
      "BDI",
      "ACN",
      "CID"
   ]
}
          var titles = result.titles;
          var uniqTitles = result.titles.filter(onlyUnique);
          var data = result.data;
          $.each(uniqTitles, function (index, title) {
            var html = '<th>' + title + '</th>';
            $('#result-table thead tr').append(html);
          });
          $.each(titles, function (index, title) {
             var indexTitle = uniqTitles.indexOf(title);
             var html = '<tr>';
             for(var i=1; i<= indexTitle; i++){
              html += '<td></td>';
             }
             html += '<td>'+ data[index] + '</td>';
             html += '</tr>';
             $('#result-table tbody').append(html);
          });
          
          function onlyUnique(value, index, self) {
            return self.indexOf(value) === index;
          }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div id="results"> 
                    <table id="result-table">
                        <thead>
                        <tr>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>

希望这个更新的答案对您有用。