Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery基于行中相同数据的行跨度_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用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> </

如何使用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>
  </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)