jquery 添加、删除表格

jquery 添加、删除表格

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>test.html</title>
		<script src="jquery-1.3.2.min.js"></script>
		<script>
    function add_item(obj){
       $("#table").append("<tr><td><input type='text' name='textfield'/></td><td><input type='button' name='del' value='删除' onclick='del_item(this)' /></td></tr>");
    }
    function del_item(obj){
        	$(obj).parent().parent().remove();	
    }
</script>
	</head>

	<body>
		<input type="button" name="add" value="添加" onclick="add_item(this)" />
		<table cellpadding="0" cellspacing="0" id="table">
			<tr>
				<td>
					<input type="text" name="textfield" />
				</td>
				<td>
					<input type="button" name="del" value="删除" onclick="del_item(this)" />
				</td>
			</tr>
		</table>
	</body>
</html>

 

你可能感兴趣的:(html,jquery)