[jQuery]동적 TR 생성, 삭제

<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>

스크립트는 대충 보면 아실 테고...
html단은 아래와 같다.

<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>

코드가 너무나도 직관적이다.