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);
}