[javascript] 간단한 테이블 TR 추가 삭제 샘플

동적으로 테이블에 행( TR ) 영역을 추가 삭제를 구현했습니다.

 

<script>
function rowAdd( tbl_id )
{
    var lastItemNo  =   jQuery("#" + tbl_id + " tr:last").attr("class").replace("item", "");
    var newitem     =   jQuery("#" + tbl_id + " tr:eq(1)").clone();
    //  alert( newitem.prop('outerHTML') );
 
    newitem.removeClass();
    newitem.addClass("item"+(parseInt(lastItemNo)+1));
    jQuery("#tbladdSimuItem").append(newitem);
}// end function 
 
function rowDel( obj )
{
    var clickedRow = $( obj ).parent().parent();
    var cls = clickedRow.attr("class");
 
        clickedRow.remove();
}// end function
</script>