javascript - jQuery.after 不会接受 在开始一个元素后结束一个元素

Question

我有一个由其他一些软件生成的表格，每行包含 50 列，我试图通过添加 </tr><tr> 来打破列到 <td> 的结尾元素。

这是动态生成的代码:

<tbody>
<tr>
<td class="col1" scope="col">08/22/2014</td>
<td class="col2" scope="col">Share</td>
<td class="col3" scope="col">Success</td>
<td class="col4" scope="col">Some notes</td>
<td class="col5" scope="col">8/23/2014</td>
  ...etc
<td class="col51" scope="col">End column</td>

如果我使用这个 Jquery:

$( ".col4").after('</tr><tr><td>&nbsp;</td>');

它追加但不尊重 </tr> ....它忽略它并添加 <tr>上，生成此代码。

<td class="col3" scope="col">Success</td>
<td class="col4" scope="col">Some notes</td>
<tr>
<td> </td>
</tr>
<td class="col5" scope="col">etc...</td>

想知道让 JQUERY 附加 <TR> 的最佳方法是什么为我？当我在 Firebug 中修改代码时，打破行会给我所需的输出，只是不确定如何让 JQUERY 给我 </tr> .

Answer 1

jsFiddle Example

Detach最后 2 个单元格，将它们附加到 tbody 并用 tr

包裹它们

$('.col4').nextAll().detach().appendTo('tbody').wrapAll('<tr />')