合并多个用 jQuery 化为 1

Question

我有一个包含 5 列的宽数据表，当用户单击“打印”链接时，该表应将第 3 个和第 4 个 td 的内容合并为 1 个 td 以节省空间。

<table>
<thead>
    <th>1</th>
    <th>2</th>
    <th>3</th>
    <th>4</th>
    <th>5</th>
</thead>
<tbody>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
    </tr>
</tbody>
</table>

请帮忙。

Answer 1

$("tr td:nth-child(3)").each(function()
{
    var t = $(this);
    var n = t.next();
    t.html(t.html() + n.html());
    n.remove();
});

Answer 2

像这样快速简单...

​$('table tr > :nth-child(3)').append(function() {
    return $(this).next().remove().contents();
});​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

演示： http:// jsfiddle.net/3eDLS/

Answer 3

像这样的东西怎么样：

$('table').find('th, td').filter(':nth-child(3)').append(function() {
    return $(this).next().html();
}).next().remove();​

演示 http://jsfiddle.net/TsA8G/1/

Answer 4

这是一个棘手的问题。我能做的最好的事情： http://jsfiddle.net/mnbayazit/HbPrw/

$('button').click(function() {
    $('tbody tr').each(function() {
        $('td:eq(1)', this).after('<td>' + $('td:eq(2)', this).html() + $('td:eq(3)', this).html() + '</td>');
        $('td:eq(3),td:eq(4)', this).remove();
    });
});

（呃...我故意将 thead 保留原样，但现在我发现这毕竟可能是不可取的）