JQUERY方法給TABLE動態增加行
1 回答

浮云間
TA貢獻1829條經驗 獲得超4個贊
比如設置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);
});
});
這是我測試用的代碼,你可以運行看看
- 1 回答
- 0 關注
- 388 瀏覽
添加回答
舉報
0/150
提交
取消