Question

我需要知道如何使用Id合并jQuery中的许多现有单元格。这是我桌子的一个小例子：

<body>
  <table>
     <tr id='tr0'>
        <td id='td0_0'></td>
        <td id='td0_1'></td>
        <td id='td0_2'></td>
     <tr>
     <tr id ='tr1'>
        <td id='td1_1'></td>
        <td id='td1_1'></td>
        <td id='td1_2'></td>
     <tr>
  </table>
</body>

Answer 1

假设现在（因为问题没有告诉我们）你想要将每个单元格的内容合并到第一列：

$('#mytable tr td:first-child').each(function() {
    var $siblings = $(this).nextAll();
    $siblings.contents().appendTo(this);
    $siblings.remove();
});

请参阅http://jsfiddle.net/alnitak/BKyTj/

如果要知道要合并的单元格集的ID，您仍然可以使用上面内部代码的变体来合并每组单元格，例如：

my $merge = $('#cell1 #cell2 #cell3');
my $first = $merge.eq(0);
my $siblings = $merge.slice(1);
$siblings.contents().appendTo($first);
$siblings.remove();
$first.attr('colspan', $merge.length);  // to preserve table layout

合并许多细胞

1 个答案: