Question

我尝试在我的表中插入一个新行，但我不知道为什么它会插入额外的＆lt; TD＆GT;我没有逐项列出。

我的表看起来像

<table>
 <thead>
  <tr>
   <th>head1</th>
   <th>head2</th>
   <th>head3</th>
   <th>head4</th>
  </tr>
 </thead>
 <tbody>
    <tr id="test">
        <td>a1</td>
        <td>a2</td>
        <td>a3</td>
    </tr>
    <tr>
        <td>c1</td>
        <td>c2</td>
        <td>c3</td>
    </tr>            
 </tbody>
</table>

我希望在#test

之后添加一个新行

var row = '<tr>' +
   '<td>b1<td>' +
   '<td>b2<td>' +
   '<td>b3<td>' +
  '</tr>';
    $('#test').after(row);

但结果我得到了

<tbody>
  <tr id="test">
   <td>...
  </tr>

  <tr>
    <td>b1</td>
    <td></td>
    <td>b2</td>
    <td></td>
    <td>b3</td>
    <td></td>
  </tr>
  <tr>...

我不知道为什么会增加额外的＆lt; TD＆GT;在我的表中，有人知道它为什么不起作用或我的错误在哪里？

我创建了一个fiddle。也许它可以帮助你理解我的问题。

提前致谢

Answer 1

您未关闭td尝试替换此代码： -

    var row = '<tr style="background: yellow">' +
                    '<td style="background: red">b1</td>' +
                    '<td style="background: green">b2</td>' +
                    '<td style="background: blue">b3</td>' +
                '</tr>';

Demo

使用jQuery附加到现有表中

1 个答案: