tr마다 동일 데이터 값이 있을 경우 아래, 위 셀병합.
<tr class="link dataRow" >
<td class="t1">홍길동</td>
<td class="t2">테스트</td>
<td class="t3">테스트2</td>
<td class="t4">테스트3</td>
<td class="t5_abcd_01">5</td>
<td class="t6_abcd_02">3</td>
</tr>
$(document).ready(function(){
genRowspan("t1");
genRowspan("t2");
genRowspanT5T6("t3_");
genRowspanT5T6("t4_");
genRowspanT5T6("t5_");
genRowspanT5T6("t6_");
});
function genRowspan(className){
$("."+className).each(function(){
var rows = $("."+className+":contains('"+$(this).text()+"')");
if(rows.length > 1){
rows.eq(0).attr("rowspan", rows.length);//중복되는 첫번째 td에 rowspan값 세팅
rows.not(":eq(0)").remove();//중복되는 td를 삭제
}
});
}
function genRowspanT5T6(preClassName){
var rows = $("td[class^="+preClassName+"]");
rows.each(function(index, item){
var csName = $(item).attr("class");
var dupRows = $("."+csName);
if(dupRows.length > 1){
dupRows.eq(0).attr("rowspan", dupRows.length); //중복되는 첫번째 td에 rowspan값 세팅
dupRows.not(":eq(0)").remove(); //중복되는 td를 삭제
}
})
}
'자바스크립트 > Javascript 참고자료' 카테고리의 다른 글
[javascript] 화살표함수와 ()=> this (0) | 2019.12.16 |
---|---|
정규표현식 정리 (0) | 2019.11.21 |
[ES6] for ~ of의 활용 (0) | 2018.12.27 |
[ES6] ES6 , let과 const (0) | 2018.12.27 |
[ES6] spread operator와 from 메소드 (0) | 2018.12.27 |