function getTextLength(str) {
           var len = 0;
           for (var i = 0; i < str.length; i++) {
               if (escape(str.charAt(i)).length == 6) {
                   len++;
               }

               len++;
           }

           return len;
       }

       function cutStr(str, start, size) {
           var i = 0;
           var lim = 0;
           var pos = 0;
           var beg = 0;
           var minus = 0;
           var len = getTextLength(str);

           for (var i = 0; pos < start; i++) {
               pos += (str.charCodeAt(i) > 128) ? 2 : 1;
           }

           beg = i;


           for (i = beg; i < len; i++) {
               lim += (str.charCodeAt(i) > 128) ? 2 : 1;

               if (lim > size) {
                   break;
               }
           }

           return str.substring(beg, i);
       }

본 사이트에 들어간 Javascript 파일 중 하나 입니다.

코드경량화가 되어 있어서 들여쓰기나 기타 공백 등이 없이 재정렬되어있습니다.

알아보기가 힘들어서 디버깅도 힘든데 보기 좋게 정렬해주는 기능이있어서 공유합니다.

이전에는 상단에 버튼이 떴던거같은데 어느순간 사라져버려서...

하단에 보시면 {} 표시를 누르시면 보기 좋게 재정렬 됩니다.

지정 항목의 tr > td 값에 값이 동일 한 경우 rowspan 처리해주는 Javascript 함수입니다.

주석 처리된 라인의 경우 contains 를 사용하여 포함된 조건이어서 일부 상황에서 정렬에 의해 해당  Row 사이에 다른 Row가 존재하는 경우 문제가 생길수 있는 상태인데

원작자의 글 댓글에 일치하는 조건으로 코드 개선해주신분이 계셔서 취합했습니다.

$(document).ready(function(e){
    genRowspan("td 클래스명");
});
 
function genRowspan(className){
    $("." + className).each(function() {
        //var rows = $("." + className + ":contains('" + $(this).text() + "')");
        var sText = $(this).text();
        var rows = $("." + className).filter(function() {
        	return $(this).text() == sText;
        });
        if (rows.length > 1) {
            rows.eq(0).attr("rowspan", rows.length);
            rows.not(":eq(0)").remove();
        }
    });
}

https://zero-gravity.tistory.com/311

https://api.jquery.com/contains-selector/