javascript - 在每行单个数据单元中将每行<td>拆分多个数据单元-jQuery

我有一个表，每行有多个数据单元格，像这样：

<table>
    <tbody>
        <tr>
            <td>content 1</td>
            <td>content 2</td>
            <td>content 3</td>
        </tr>
        <tr>
            <td colspan="2">content 4</td>
            <td>content 5</td>
        </tr>
        <tr>
            <td colspan="3">content 6</td>
        </tr>
    </tbody>
</table>

如何使用jQuery将所有元素拆分为独立的行。更具体地说，结果必须像这样

<table>
    <tbody>
        <tr>
            <td>content 1</td>
        </tr>
        <tr>
            <td>content 2</td>
        </tr>
        <tr>
            <td>content 3</td>
        </tr>
        <tr>
            <td>content 4</td>
        </tr>
        <tr>
            <td>content 5</td>
        </tr>
        <tr>
            <td>content 6</td>
        </tr>
    </tbody>
</table>

最佳答案

尝试

var $tbody = $('tbody'), $tds = $tbody.find('td:not(:first)').detach();
$tbody.find('tr:not(:has(td))').remove()
$tds.removeAttr('colspan').wrap('<tr />').parent().appendTo('tbody');

演示：Fiddle

关于javascript - 在每行单个数据单元中将每行<td>拆分多个数据单元-jQuery，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18712358/