本文實例講述了超級簡單的jquery操作表格方法。分享給大家供大家參考。具體實作方法如下： 利用jquery為指定的table新增一行、刪除一行 複製程式碼 程式碼如下: < /script><br /> <table border="1px #ooo" id="test" name="test" class="test" cellpadding="0" cellspacing="0" width="20%"><br /> <tr id="1"><td width="30%">1<br /> <td width="30%">2<br /> <td width="30%">3<br /> <tr id="2"><td width="30%">11<br /> <td width="30%">22<br /> <td width="30%">33<br /> <br /> <table border="1px #ooo" id="test1" name="test1" cellpadding="0" cellspacing="0" width="20%"> <tr id="4"><td width="30 %">1<br /> <td width="30%">2<br /> <td width="30%">3<br /> <br /> <br /> <input type="button" name="button" value="add" onclick="addtr('test');"><br /> <input type="button" name="button" value="del" onclick="deltr('test');"><br /> <script> //在id為test的table的最後增加一行<br /> function addtr(id){ tr_id = $("#test>tbody>tr:last").attr("id");<br /> tr_id ; //alert(tr_id);<br /> str = "<tr id = '" tr_id "'><td width='30%'>re1<td width='30%'>re2<td width='30%'> re3";<br /> $('#' id).append(str); } //刪除id為test的table的最後一行<br /> function deltr(id){ tr_id = $("#test>tbody>tr:last").attr("id"); $('#' tr_id).remove();<br /> }<br /> jQuery動態新增刪除表格的行和列 複製程式碼 程式碼如下:
