在HTML页面动态使用Jquery的添加和删除Table的行:
<html>
<head>
<title>
</title>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript" defer="defer">
var row_count = $('#table1 tr').length;
function addRow_()
{
var table1 = $('#table1');
var row = $("<tr></tr>");
var td = $("<td></td><td></td><td></td>");
td.eq(0).append($("<input type='text' name='count' value=''>"));
row.append(td);
td.eq(1).append($("<input type='text' name='count' value=''>"));
row.append(td);
td.eq(2).append($("<input type='text' name='count' value=''>"));
row.append(td).append($("<input type='hidden' name='count' value=''>"));
table1.append(row);
row_count++;
}
/* 删除table Row */
function delRow_(){
if(row_count >0){
var trs = $('#table1 tr');
trs.eq(row_count).remove();
row_count --;
}
}
</script>
</head>
<body>
<input type="button" value="Add" onClick="addRow_();">
<input type="button" value="Delete" onClick="delRow_();">
<div id="rightcontent">
<table id="table1" cellspacing="3" cellpadding="3" border="1">
<tbody>
<tr><th>属性名称</th><th>属性值</th><td>描述</td></tr>
</tbody>
</table>
</div>
</body>
</html>