Javascript 使用jquery基于行中相同数据的行跨度
如何使用jquery在相同数据的基础上进行行跨度。这是我的小提琴 原始表格Javascript 使用jquery基于行中相同数据的行跨度,javascript,jquery,html,Javascript,Jquery,Html,如何使用jquery在相同数据的基础上进行行跨度。这是我的小提琴 原始表格 OUTPUT SHOULD BE: <table width="200" border="1"> <tr> <td >1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </
OUTPUT SHOULD BE:
<table width="200" border="1">
<tr>
<td >1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td rowspan="2" style="background-color:#F00;">1</td>
<td>4</td>
<td rowspan="2" style="background-color:#F00;">1</td>
<td rowspan="2" style="background-color:#F00;">1</td>
<td>5</td>
</tr>
<tr>
<td>5</td>
<td>3</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>1</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
<tr>
<td>13</td>
<td>131</td>
<td>4155</td>
<td>464</td>
<td>46</td>
</tr>
</table>
------------------------
输出应为:
1.
2.
3.
4.
5.
1.
4.
1.
1.
5.
5.
3.
3.
3.
1.
6.
7.
12
13
14
15
16
13
131
4155
464
46
------------------------
行span取决于同一行数据的总数。如果任何单元格包含不同的数据,则行不应为span。这取决于您的数据格式,当您成功控制数据时,您可以使用
.attr('rowspan',2')
添加行span,而不是硬编码行span 2,我们是否可以动态地为相同的数据行指定行总数,正如我所说,这取决于您的数据格式以及您控制数据的方法.attr('rowspan',numberOfRows)