首先这个代码我也是从网上搜索找到使用的，一开始觉得用起来不错，很好用，比别的代码要好好的原因在于：添加很多表格行之后，比如填写了后面几行，再删除前面的第一行或第二行，后面表格行里文本框的值还会保留存在。这个功能一定要的。问题来了，在ie8.0浏览器下测试正常，但是chrome浏览器有问题，问题体现在：
比如添加了新的一行后，填写好该行文本框里的数据，再点新增一行，前面第一行文本框里填好的数据，变成空的了。
<script type="text/javascript">
var rowCount = 0; function addRow(){
rowCount++;
var rowTemplate = '<tr class="tr_'+rowCount+'"><td>'+rowCount+'</td><td class="cl1"><input type="text" name="Add[]" value="" >'+rowCount+'</td><td class="cl1"><a href="#" onclick=delRow('+rowCount+')>删除</a></td></tr>';
var tableHtml = $("#testTable tbody").html();
tableHtml += rowTemplate;
$("#testTable tbody").html(tableHtml);
} function delRow(_id){
$("#testTable .tr_"+_id).remove();
rowCount--;
}</script>
<title>jquery操作表格测试</title>
</head>
<body>
<table id="testTable" border="1" width="500">
<tr>
<td>序号</td>
<td >内容</td>
<td >操作</td>
</tr>
</table>
<input type="button" value="添加行" onclick="addRow();"/>
</body>
比如添加了新的一行后，填写好该行文本框里的数据，再点新增一行，前面第一行文本框里填好的数据，变成空的了。
<script type="text/javascript">
var rowCount = 0; function addRow(){
rowCount++;
var rowTemplate = '<tr class="tr_'+rowCount+'"><td>'+rowCount+'</td><td class="cl1"><input type="text" name="Add[]" value="" >'+rowCount+'</td><td class="cl1"><a href="#" onclick=delRow('+rowCount+')>删除</a></td></tr>';
var tableHtml = $("#testTable tbody").html();
tableHtml += rowTemplate;
$("#testTable tbody").html(tableHtml);
} function delRow(_id){
$("#testTable .tr_"+_id).remove();
rowCount--;
}</script>
<title>jquery操作表格测试</title>
</head>
<body>
<table id="testTable" border="1" width="500">
<tr>
<td>序号</td>
<td >内容</td>
<td >操作</td>
</tr>
</table>
<input type="button" value="添加行" onclick="addRow();"/>
</body>
$("#testTable tbody").append(rowTemplate);
不过整个方法BUG挺多的...
.append()这个方法可行，就用这个你说的bug多是指还有哪些呢？
.append()这个方法可行，就用这个你说的bug多是指还有哪些呢？
删除之后,行号不会自动排序,再添加一个,行号会重复
.append()这个方法可行，就用这个你说的bug多是指还有哪些呢？
删除之后,行号不会自动排序,再添加一个,行号会重复发现了，行号重复这个问题我打算忽略，不影响实际使用，只是用的时候，看上去不舒服。我也改了代码，只要行号不出现负数就行