jquery - 使用 jQuery 合并表格单元格

Question

我需要使用 jQuery 合并特定列的表格单元格。

输入表:

结果表:

我该怎么做？

Answer 1

LIVE DEMO

您可以将类赋予第三行，然后使用下面的 jQuery 合并单元格。

HTML 和 jQuery

$('.third-row td:eq(2)').attr('rowspan','2').parent().next().find('td:eq(2)').remove()

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>

<table border="1" width="100%">
<tr>
	<td>1</td>
	<td>1</td>
	<td>1</td>
	<td>1</td>
</tr><tr class="third-row">
	<td>1</td>
	<td >2</td>
	<td>3</td>
	<td>4</td>
</tr><tr>
	<td>1</td>
  <td>2</td>
	
	<td>5</td>
	<td>6</td>
</tr></table>

更新:

无需向行添加类，您可以通过 jQuery 的 eq() 函数实现此目的。