javascript - 查询 : How to move TD to another TR?

Question

我已经生成了 html，我需要使用 Jquery 重构 html，如下所示:

原文:

<table id="myTableID">
<tr id="tr01">
    <td>Col 1 Value</td>
</tr>
<tr id="tr02">
    <td>Col 2 Value</td>
</tr>
<tr id="tr03">
    <td>Col 3 Value</td>
</tr>
<tr id="tr04">
    <td>Col 4 Value</td>
</tr>
</table>

预期:

<table id="myTableID">
<tr id="tr01">
    <td>Col 1 Value</td>
    <td>Col 2 Value</td>
</tr>
<tr id="tr02">
    <td>Col 3 Value</td>
    <td>Col 4 Value</td>
</tr>
<tr id="tr03">
</tr>
<tr id="tr04">
</tr>
</table>

var tableNew = "<table id='myTableID'>"+
       "<tr><td>new "+
       "</td></tr>"+
       "</table>";

       $('#myTableID').replaceWith(tableNew);

我想到了迭代和替换的想法，还有更好的想法吗？

Answer 1

这一单行 jQuery 将满足您的需要。只需将它应用到您需要重新格式化的每一行:

$('#tr01').append($('#tr02').contents());

有一把 fiddle here