jquery 表格的增行刪行實作思維_jquery

在做後台遇到的情況，分享下

複製程式碼 程式碼如下:

程式碼如下:









<script> <BR>$(function(){ <BR>var show_count = 20; //要顯示的條數<BR>var count = $("input:text").val(); //遞增的開始值，這裡是你的ID <BR>var fin_count = parseInt(count ) (show_count-1); //結束遞增的條件<BR>$("#btn_addtr").click(function(){ <BR>if(count < fin_count) //點選時候，如果目前的數字小於遞增結束的條件<BR>{ <BR>$("tr:eq(1)").clone().appendTo("table"); //在表格後面加上一行<BR>$("tr:last td input:first").val( count); //改變新增的行的ID值。<BR>} <BR>}); <BR>}); <BR>function deltr(){ <BR>var length =$("tr").length; <BR>if(length<=2){ <BR>alert("至少保留一行"); <BR>}else{ <BR>$("tr:last") .remove(); <BR>} <BR>} <BR></script>

ID	Username	Usertype	Other
		Administrator Guest