JQuery合并表格单元格

转：http://www.cnblogs.com/xuguoming/p/3412124.html

JQuery合并表格单元格

 

一、需求

如果存在一个表格，想把其中某一列内容相同的部分合并单元格，用JQ动态如何操作，原始表格如下：

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

JQuery代码如下：

 <script type="text/javascript">
         jQuery.fn.rowspan = function (colIdx) {
             return this.each(function () {
                 var that;
                 $('tr', this).each(function (row) {
                     $('td:eq(' + colIdx + ')', this).filter(':visible').each(function (col) {
                         if (that != null && $(this).html() == $(that).html()) {
                             rowspan = $(that).attr("rowSpan");
                             if (rowspan == undefined) {
                                 $(that).attr("rowSpan", 1);
                                 rowspan = $(that).attr("rowSpan");
                             }
                             rowspan = Number(rowspan) + 1;
                             $(that).attr("rowSpan", rowspan);
                             $(this).hide();
                         } else {
                             that = this;
                         }
                     });
                 });
             });
         }
         $(document).ready(function () {
             $("#table1").rowspan(0);
             $("#table1").rowspan(2);
         });
     </script>

注：合并的是第一列和第三列，这个需求比较简单，不许多大的阐述^_^结束！