jQuery 동적 TR 생성, 삭제
JavaScript / 2017. 10. 20. 13:16
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
function AddRows(act) {
var TABLE = $("#mytable tbody"), LASTROW = TABLE.find("tr:last-child");
act == "add" ? TABLE.append(LASTROW.clone()) : LASTROW.remove();
}
</script>
<table id="mytable">
<tr>
<td>111</td>
</tr>
<tr>
<td>111</td>
</tr>
</table>
<button id="add1" onclick="AddRows('add')">Add</button>
<button id="add2" onclick="AddRows('remove')">Remove</button>
'JavaScript' 카테고리의 다른 글
| 아이폰, 사파리브라우저에서 클릭 안될때 (0) | 2019.10.02 |
|---|---|
| JWPLAYER (0) | 2017.12.29 |
| jquery 시간선택기 (0) | 2017.11.22 |
| 라디오버튼 강제선택 (0) | 2017.11.03 |
| javaScript 라디오버튼 체크 되어있는지 확인 (0) | 2016.03.30 |