-2

我需要知道如何使用 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>
4

1 回答 1

0

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

$('#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
于 2013-09-09T15:20:48.523 回答