使用jQuery在行中基于相同数据的行跨度

Question

how to do row span on basis of same data using jquery. this is my fiddle Demo

Orignal Table

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>
------------------------

row span on total number of same row data.if any cell contain different data then row should not be span.

Answer 1

这取决于您的数据格式，当您成功控制数据时，可以使用.attr('rowspan', '2')添加行跨度