我有一张桌子
<table>
<tr><td>9:00</td><td id='ts9'>task1</td></tr>
<tr><td>10:00</td><td id='ts10'></td></tr>
<tr><td>11:00</td><td id='ts11'>task2</td></tr>
<tr><td>12:00</td><td id='ts12'>task3</td></tr>
</table>
我需要将 id 为 10 和 11 的单元格合并为一,因为该任务需要 2 小时。我正在使用 jQuery。
我想:
$("#ts9").attr('colSpan', 2);
但这是行不通的。
如果您必须使用 jQuery,那么这有效:
$('#ts10')
.text($('#ts11').text())
.attr('rowspan','2')
.closest('tbody')
.find('#ts11')
.remove();
JS 小提琴演示.
或者,更简洁一些:
$('#ts10')
.text($('#ts11').remove().text())
.attr('rowspan','2');
JS 小提琴演示.
还有一种稍微更有用的方法,它将相邻行的单元格与class
of two
:
$('tr td.two').each(
function(){
var that = $(this),
next = that.parent().next().find('.two');
if (next.length){
that
.text(next.remove().text())
.attr('rowspan','2');
}
});
JS 小提琴演示.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)