己美化吧

<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()方法，可以用來設置和獲取元素的值，它不僅僅可以設置元素，同時也能獲取元素，另外，它能是下拉列表框，多選框，和單選框相應的選項被選中，在表單操作中會經常用到。