카테고리 없음 jquery 같은내용 tr합치기 interdigm 2015. 11. 16. 18:05 http://shuiky.tistory.com/397 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> /* * * 같은 값이 있는 열을 병합함 * * 사용법 : $('#테이블 ID').rowspan(0); * */ $.fn.rowspan = function(colIdx, isStats) { return this.each(function(){ var that; $('tr', this).each(function(row) { $('td:eq('+colIdx+')', this).filter(':visible').each(function(col) { if ($(this).html() == $(that).html() && (!isStats || isStats && $(this).prev().html() == $(that).prev().html() ) ) { rowspan = $(that).attr("rowspan") || 1; rowspan = Number(rowspan)+1; $(that).attr("rowspan",rowspan); // do your action for the colspan cell here $(this).hide(); //$(this).remove(); // do your action for the old cell here } else { that = this; } // set the that if not already set that = (that == null) ? this : that; }); }); }); }; </script> </HEAD> <BODY> <table id="listTable" border="1"> <tr> <td>기간</td> <td>성별</td> <td>연령</td> <td>접속count</td> </tr> <tr> <td>2012.11.06</td> <td>남자</td> <td>14</td> <td>14</td> </tr> <tr> <td>2012.11.06</td> <td>남자</td> <td>15</td> <td>200</td> </tr> <tr> <td>2012.11.07</td> <td>남자</td> <td>16</td> <td>200</td> </tr> <tr> <td>2012.11.06</td> <td>남자</td> <td>17</td> <td>200</td> </tr> <tr> <td>2012.11.06</td> <td>여자</td> <td>14</td> <td>200</td> </tr> <tr> <td>2012.11.06</td> <td>여자</td> <td>15</td> <td>400</td> </tr> <tr> <td>2012.11.07</td> <td>여자</td> <td>15</td> <td>400</td> </tr> </table> <script type="text/javascript"> $(document).ready(function() { $('#listTable').rowspan (0); $('#listTable').rowspan (1); }); </script> </BODY> </HTML>