分享
三行代码  ›  专栏  ›  技术社区  ›  Irena Sagan

JQuery头未显示在表中

  •  0
  • Irena Sagan  · 技术社区  · 5 天前

    我正在用JQuery构建一个表,一切似乎都正常,只是我无法显示标题。我声明头,追加到表,然后追加列名到头。表的其余部分正好显示了我想要的内容。我认为我按什么顺序做这件事不重要。我做错什么了?

    $(document).ready(function(){
      if ($('[attr="searchResultsJson"]').length)
      {
        $('.comment-section').hide();
        $('#InboxDetailsDrawer').hide();
    
        $('.approval-outer-wrap').prepend(drawTable());
      }
    });
    
    function drawTable(){
      var table = $('<table id="search-results" />');
    
      var header = $('<thead />');
      table.append(header);
    
      header.append = $('<tr><th>First Name</th><th>Last Name</th><th>Date of Birth</th><th>Data Pulse ID</th><th>Laserfiche ID</th></tr>');
    
      var body = $('<tbody />');
      table.append(body);
    
      var json = $('[attr="searchResultsJson"] [type="text"]').text();
      console.log(json);
    
      var searchResults = JSON.parse(json);
    
      for (var i = 0; i < searchResults.length; i++)
      {
        body.append('<tr>'+
                    `<td>${searchResults[i].patientFirstName}</td>` +
                    `<td>${searchResults[i].patientLastName}</td>` +
                    `<td>${searchResults[i].patientDateOfBirth}</td>` +
                    `<td>${searchResults[i].patientDataPulseID}</td>` +
                    `<td>${searchResults[i].patientLaserFicheID}</td>` +
                    '</tr>')
      }
    
      return table;
    }
    
    1 回复  |  直到 5 天前
        1
  •  1
  •   Nidhin Joseph    5 天前

    这个 append() append =

    $(document).ready(drawTable);
    
    function drawTable() {
      var table = $('<table id="search-results">');
    
      var header = $('<thead>');
      table.append(header);
    
      header.append('<tr><th>First Name</th><th>Last Name</th><th>Date of Birth</th><th>Data Pulse ID</th><th>Laserfiche ID</th></tr>');
    
      var body = $('<tbody>');
      table.append(body);
    
      $('body').append(table);
    }
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>