JQUERY方法给TABLE动态增加 删除行

1.增加行

比如设置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);
});
});

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

2. jquery 删除table中指定行

行数是点击删除按钮传过去的 求高手帮忙解答

1	$('table tr:eq(1)').remove();

追问：

我的行数是点击按钮传过去的 应该咋写呢

追答：

怎么传的呢，代码贴上来吧

追问：

<input type="button" value="x" οnclick="deleteTr(1)"/>

追答：

function deleteTr(i) {
   $('table tr:eq(' + i + ')').remove();

}

追问：

不行呀  点击删除按钮的时候没反应呀

追答：

可以啊，你看看出现什么错误。

追问：

我改为$('#table tr:eq(' + i + ')').remove();后可以删除 但是删除的始终不是我传过去的行数 输出来i要不是0要不是1 这是怎么回事呀

追答：

你是不是有很多按钮啊，比如我删了第二行之后，第三行就变成第二行了

追问：

我一个页面有很多按钮很正常啊 但是我表格中一行只有一个按钮 

追答：

<input type="button" value="x" οnclick="deleteTr(this)"/>

function deleteTr(obj) {
       $(obj).parent('tr').remove();
}

追问：

是啊

追答：

试试上面的

追问：

不行  点击删除按钮一点反应都没有

追答：

function deleteTr(obj) {
  $(obj).closest('tr').remove();
}

提问者评价

谢谢!

3.获取table行数和列数

function init()
 {
   var table =document.getElementById("tab1");
   var rows = table.rows.length;
   alert('行数'+rows);
   var colums = table.rows[0].cells.length;
   alert('列数'+colums);
 }