jQuery 将两个 tr 类合并为一个

标签 jquery html-table

抱歉,刚刚收到更新,tr 类 A 和 B 重复了很多。我想将每个AB组合成C并显示所有C。

我有一个这样的表:

<table class="table">
<tbody>
<tr class="A">
<td>11111</td>
<td>22222</td>
<td>33333</td>    
</tr>
<tr class="B">
<td>44444</td>
<td>55555</td>
<td>66666</td>    
</tr>
<tr class="A">
<td>77777</td>
<td>88888</td>
<td>99999</td>    
</tr>
<tr class="B">
<td>10101</td>
<td>11111</td>
<td>22222</td>    
</tr>
</tbody>
</table>

我想做的是一些 jQuery 将两个 tr 组合在一起,例如:

<table class="table">
<tbody>
<tr class="C">
<td>11111</td>
<td>22222</td>
<td>33333</td>    
<td>44444</td>
<td>55555</td>
<td>66666</td>    
</tr>
<tr class="C">
<td>77777</td>
<td>88888</td>
<td>99999</td>    
<td>10101</td>
<td>11111</td>
<td>22222</td>    
</tr>
</tbody>
</table>

最佳答案

这是一个工作示例:http://jsfiddle.net/65XaF/

$(document).ready(function() {
    var a = $('.A');
    var b = $('.B');
    a
        .append(b.children())
        .removeClass('A')
        .addClass('C');
    b.remove();
});​

注意:问题已更新,以反射(reflect)此答案后的多个 A 组和 B 组。

关于jQuery 将两个 tr 类合并为一个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13597137/

相关文章:

jquery - 标记为图像

html - 为什么最大宽度不适用于 IE7 中的 <table>?

javascript - 从 .each 返回的“未定义”在 tr 上运行并选择了 id

html - 如何在表格中对齐居中的 <li> 标签

javascript - 来自 Javascript 数组的 Html 表

javascript - 如何从 CSS 类属性创建变量?

javascript - 使用 javascript(或 jQuery)选择和操作 CSS 伪元素,例如::before 和::after

javascript - Jquery使选项卡从另一个页面激活

javascript - 当列表后面有内容时,自动建议 Ajax 不会链接

javascript - 从表 JS 中的输入获取元素 id