如何通过jquery动态给表格添加一行

比如设置table的id为tab

var

trHTML

=

"<tr><td>...</td></tr>"

$("#tab").append(trHTML)//在table最后面添加一行

$("#tab

tr:eq(2)").after(trHTML)

//

在table的第3行后面添加一行

这样就可以进行动态的添加行了，至于你是通过什么事件来动态添加那就看你自己的意思了，通过button或者div之类的点击事件添加，只要把上面的两行代码放进去就ok，注意，要把var

trHTML那行代码放进添加事件里面，不然不管点击多少下，都只能添加一行

$(function()

{

$(":button").click(function()

{

var

tr

=

"<tr><td>new</td></tr>"

//$("table").append(tr)

$("table

tr:eq(2)").after(tr)

})

})

这是我测试用的代码，你可以运行看看

因为TABLE的初始状态只有一个 借据号 万元的表头，无论按钮怎么点，都只会触发一次Button_Add_Click，添加一行。以后每次点击，初始状态都只有表头，所以点击之后只会有一行。

所以要用一个东西把你的点击记录存储起来。你可以用VIEWSTATE来存这个TABLE变量，每次PAGE_LOAD的时候把它读出来，每次ONCLICK添加完行之后把TABLE存入VIEWSTATE，这样就OK了。不要随便用静态变量，它会产生一些很BUG的问题。

另外如果VIEWSTATE你觉得不好就用SESSION。总之，在每次POSTBACK后把TABLE存起来就OK了。

---