使用jQuery合并表格单元格

Question

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

输入表格：

结果表：

我该怎么做？

Answer 1

LIVE DEMO

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

HTML＆amp; jQuery的

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

更新：

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

Answer 2

我想这就是你想要的。

＆＃13;

＆＃13;

$(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])
        }
      }  
      
      
    });

＆＃13;

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

＆＃13;

<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>
    	<th>Number</th>
    	<th>First Name</th>
    	<th>Last Name</th>		
    	<th>Points</th>
    </tr>
    <tr>
    	<td>1</td>
    	<td>Eve</td>
    	<td>Jackson</td>		
    	<td>94</td>
    </tr>
    <tr>
    	<td>2</td>
    	<td>John</td>
    	<td>Doe</td>		
    	<td>80</td>
    </tr>
    <tr>
    	<td>3</td>
    	<td>Adam</td>
    	<td>Johnson</td>		
    	<td>80</td>
    </tr>
    <tr>
    	<td>4</td>
    	<td>Jill</td>
    	<td>Smith</td>		
    	<td>50</td>
    </tr>
    </tbody></table>

＆＃13;

＆＃13;

＆＃13;