抱歉,刚刚收到更新,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/