Объединить ячейки таблицы с помощью jQuery

Question

Мне нужно объединить ячейки таблицы для конкретного столбца с помощью jQuery.

Входной стол:

Таблица результатов:

Как я могу это сделать?

Answer 1

Я думаю, это то, что вы хотите.

$(document).ready(function(){ 
 
     
 
     var el = $("tr td:last-child"); 
 
     for(var i = 0; i < el.length; i++){ 
 
     if (el[i].innerHTML == el[i+1].innerHTML){ 
 
      el[i].setAttribute("rowspan","2"); 
 
      el[i+1].parentElement.removeChild(el[i+1]) 
 
     } 
 
     } 
 
     
 
     
 
    });

td, th, tr, table { 
 
     border: solid 1px; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
    <table corder="1" class="reference" style="width:100%"> 
 
    <tbody><tr> 
 
    \t <th>Number</th> 
 
    \t <th>First Name</th> 
 
    \t <th>Last Name</th> \t \t 
 
    \t <th>Points</th> 
 
    </tr> 
 
    <tr> 
 
    \t <td>1</td> 
 
    \t <td>Eve</td> 
 
    \t <td>Jackson</td> \t \t 
 
    \t <td>94</td> 
 
    </tr> 
 
    <tr> 
 
    \t <td>2</td> 
 
    \t <td>John</td> 
 
    \t <td>Doe</td> \t \t 
 
    \t <td>80</td> 
 
    </tr> 
 
    <tr> 
 
    \t <td>3</td> 
 
    \t <td>Adam</td> 
 
    \t <td>Johnson</td> \t \t 
 
    \t <td>80</td> 
 
    </tr> 
 
    <tr> 
 
    \t <td>4</td> 
 
    \t <td>Jill</td> 
 
    \t <td>Smith</td> \t \t 
 
    \t <td>50</td> 
 
    </tr> 
 
    </tbody></table>

Answer 2

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> 
 
\t <td>1</td> 
 
\t <td>1</td> 
 
\t <td>1</td> 
 
\t <td>1</td> 
 
</tr><tr class="third-row"> 
 
\t <td>1</td> 
 
\t <td >2</td> 
 
\t <td>3</td> 
 
\t <td>4</td> 
 
</tr><tr> 
 
\t <td>1</td> 
 
    <td>2</td> 
 
\t 
 
\t <td>5</td> 
 
\t <td>6</td> 
 
</tr></table>

Update:

Без добавления класса грести Вы можете достичь этого eq() функции JQuery в.