HTML 까다로운 동적인 row 간단하게 jQuery로 합치기

웹개발을 하다보면 동적으로 테이블을 구성해야 하는 상황이 종종 발생한다. colspan은 그나마 쉽지만 rowspan은 쥐약이다. 하지만 jQuery로 간단히 해결 할 수 있어 공유한다.

위 테이블을 아래처럼 합치는 jQuery

구분쎌의 class에 targetCell이라 설정한 후 호출만 해주면 끝남




$(window).load(function () { $(".targetCell").each(function () { var rows = $(".targetCell:contains('" + $(this).text() + "')"); if (rows.length > 1) { rows.eq(0).attr("rowspan", rows.length); rows.not(":eq(0)").remove(); } }); });