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);
});
});
這是我測試用的代碼,你可以運行看看


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM