JQUERY方法给TABLE动态增加行
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JQUERY方法给TABLE动态增加行相关的知识，希望对你有一定的参考价值。
比如设置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);
});
});
这是我测试用的代码，你可以运行看看
以上是关于JQUERY方法给TABLE动态增加行的主要内容，如果未能解决你的问题，请参考以下文章
jquery如何给指定的表格增加行，然后给每行插入数据，而且其中一行能有超链接的。