기본 콘텐츠로 건너뛰기

2022 08 26 회사 워크샵

jQuery 이용한 행추가


<script type="text/javascript" src="/js/jquery-1.3.2.js"></script>
<script language="JavaScript">
 ## 행 추가
 function addRow(){
  var template = $("#template");
  $("#MainTable").append($(template).val());
 }

 ## 행 삭제
 function deleteRow(obj){
  $(obj).parent().remove();
 }
</script>

<body>
  <table id="MainTable">
  </table>
</body>

<textarea id="template" style="display:none;">
<tr>
    <td>1</td>
    <td onclick="deleteRow(this);" style="cursor:hand;">2</td>
</tr>
</textarea>


////////////////////////////////////////////////////////////////////////////////////////////
테이블 박스 안에 잇는 템플릿을 테이블에 추가함

댓글