己美化吧

<section>

<table id="addrow" border=1>

<tr>

<td></td>

<td>序号</td>

<td></td>

</tr>

<tr>

<td></td>

<td>1</td>

<td></td>

</tr>

</table>

<button onclick='AddRow();'>添加行</button>

</section>

<script>

//添加行

function AddRow() {

// 被点击的目标标签tagName 如INPUT DIV

var clicktagname = $(event.target).get(0).tagName;

//获取点击对象

var clickedNode = event.target;

var $table = $(clickedNode).closest("section").find("table:first");

var tableId = $table.attr("id");

//var $table=$("#"+tableId);

var numRows = $table.find("tr").length; //行数

if(numRows > 20) { //数据行最多10行 共11行

mscAlert("别再加了！");

return false;

} else {

numRows = $table.find("tr").length;

$("#" + tableId + " tr:last").clone(false).insertBefore("#" + tableId + " tr:eq(1)");

}

for(var i = 1; i < numRows + 1; i++) { //第二列序号

$('#' + tableId + ' tr:eq(' + i + ') td:eq(1)').text(i);

}

}

</script>

、html()方法：如果想更改或者是设置 HTML 的内容，我们可以使用 html()方法，首先我们先使用这个方法获取元素里面的内容 var html=$("p").html()。如果需要设置某元素的 HTML 代码，那么我们就可以使用此方法加上一个参数。此方法只能应用于 XHTML 中，不能用于 xml。

2、text()方法，去设置某个元素中的文本内容，代码是 var text=$("p").text();如果想设置文本同样需要给它传一个参数。

3、val()方法，可以用来设置和获取元素的值，它不仅仅可以设置元素，同时也能获取元素，另外，它能是下拉列表框，多选框，和单选框相应的选项被选中，在表单操作中会经常用到。