标签:jquery合并单元格
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<script type= "text/javascript" > jQuery.fn.rowspan = function (colIdx) { //封装的一个JQuery小插件 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 ; } }); }); }); } $( function () { $(“ #table1″).rowspan(0);//传入的参数是对应的列数从0开始,哪一列有相同的内容就输入对应的列数值 $(“ #table1″).rowspan(2); }); </script> |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<body> <table id= "table1" border= "1" cellpadding= "5" cellspacing= "0" width= "300px" > <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>1</td> <td>f</td> <td>3</td> <td>s</td> </tr> </table> </body>
|
标签:jquery合并单元格
原文地址:http://blog.csdn.net/androidmylove/article/details/41346203