?

轉(zhuǎn)：http://www.cnblogs.com/xuguoming/p/3412124.html

JQuery合并表格單元格

一、需求

如果存在一個(gè)表格，想把其中某一列內(nèi)容相同的部分合并單元格，用JQ動(dòng)態(tài)如何操作，原始表格如下：

?

合并單元格之后的表格如下：

JQuery代碼如下：

1 <script type="text/javascript"> 2 jQuery.fn.rowspan = function (colIdx) { 3 return this.each(function () { 4 var that; 5 $('tr', this).each(function (row) { 6 $('td:eq(' + colIdx + ')', this).filter(':visible').each(function (col) { 7 if (that != null && $(this).html() == $(that).html()) { 8 rowspan = $(that).attr("rowSpan"); 9 if (rowspan == undefined) { 10 $(that).attr("rowSpan", 1); 11 rowspan = $(that).attr("rowSpan"); 12 } 13 rowspan = Number(rowspan) + 1; 14 $(that).attr("rowSpan", rowspan); 15 $(this).hide(); 16 } else { 17 that = this; 18 } 19 }); 20 }); 21 }); 22 } 23 $(document).ready(function () { 24 $("#table1").rowspan(0); 25 $("#table1").rowspan(2); 26 }); 27 </script>

注：合并的是第一列和第三列，這個(gè)需求比較簡(jiǎn)單，不許多大的闡述^_^結(jié)束！

轉(zhuǎn)載于:https://www.cnblogs.com/piaopiao7891/p/3412153.html

總結(jié)

以上是生活随笔為你收集整理的JQuery合并表格单元格的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。