$.each 将循环的结果从 <table> [重复]

【问题标题】：$.each is puting the results from loop out of the <table> [duplicate]$.each 将循环的结果从 <table> [重复]
【发布时间】：2021-06-25 15:42:51
【问题描述】：

我正在执行 ajax 调用并从 DB 中获取大量结果，然后我使用 jquery 循环它们并创建一个简单的表。问题是循环将结果放在<table> 和<tbody> 之外，并在所有内容的顶部创建一个 tbody。我知道当前的结果是静态的，它只是为了测试，我知道 JS 是同步的，所以我不明白是什么问题。 我的代码：

$('#' + id).append('' +
   '<table class="documents_table">'+
   '<tbody">'+
       '<tr>'+
           '<th>number</th>'+
           '<th>Date</th>'+
           '<th> Cód</th>'+
           '<th> Terce</th>'+
       '</tr>'
);
$.each(data.responseJSON, function (index, value) {
   $('#' + id).append('' +
       '<tr">'+
           '<td>1</td>'+
           '<td>12/98/2021</td>'+
           '<td>1212</td>'+
           '<td>test it</td>'+
       '</tr>'
   );
}).$('#' + id).append(''+
   '</tbody>'+
   '</table>'
);

目前的输出如何：

<tbody"></tbody">
<table class="documents_table">
  <tbody>
    <tr>
      <th>number</th>
      <th>Date</th>
      <th> Cód</th>
      <th> Terce</th>
    </tr>
  </tbody>
</table>
<tr>
  <td>1</td>
  <td>12/98/2021</td>
  <td>1212</td>
  <td>test it</td>
</tr>
<tr>
  <td>1</td>
  <td>12/98/2021</td>
  <td>1212</td>
  <td>test it</td>
</tr>
<tr>
  <td>1</td>
  <td>12/98/2021</td>
  <td>1212</td>
  <td>test it</td>
</tr>
.........

【问题讨论】：

• 将 ' 替换为 ' 。
• Duplicate of How do I force jQuery append to NOT automatically close a tag?.
• @SebastianSimon 我并不惊讶有重复。知道问题（jquery 自动关闭标记）肯定会帮助 OP 进行搜索。我怀疑 OP 会搜索“未添加的行”，因为这不是他们的主要问题（尽管原因是相同的，所以是的，一个现有的答案，但是一个不同的问题）