jquery動態(tài)增加刪除表格行的小例子

更新時間：2013年11月14日 17:16:25 作者：

這篇文章介紹了jquery動態(tài)增加刪除表格行的小例子，有需要的朋友可以參考一下

$("#btn_addtr").click(function(){
if(count < fin_count)    //點擊時候，如果當前的數(shù)字小于遞增結束的條件
{
$("tr:eq(1)").clone().appendTo("table");   //在表格后面添加一行
$("tr:last td input:first").val(++count);   //改變添加的行的ID值。
}
});
});

<tr>
    <td height="30" align="center"><input type="text" size="2" value="1" /></td>
    <td align="center"><input type="text" name="username" /></td>
    <td align="center">
      <select name="type">
    <option value="1">Administrator</option>
    <option value="2">Guest</option>
      </select>
    </td>
    <td align="center"><input type="text" name="username2" /></td>
<td><input type="button" id="btn_deltr" onclick="deltr()" value="刪行"></td>
</tr>

</table>
</body>

您可能感興趣的文章:

jquery用data方法獲取某個元素上的事件
如何獲取某個元素上的事件,jquery的給元素綁定的事件可以用data方法取出來，下面有個示例，大家可以參考下
2014-06-06
jQuery打字效果實現(xiàn)方法(附demo源碼下載)
這篇文章主要介紹了jQuery打字效果實現(xiàn)方法,詳細分析了jQuery實現(xiàn)打字效果所涉及的jticker_split.js插件機具體調(diào)用技巧,并附帶完整的demo源碼供讀者下載參考,需要的朋友可以參考下
2015-12-12
jQuery 動畫彈出窗體支持多種展現(xiàn)方式
今天剛寫的利用jQuery動畫彈出窗體，支持了string、Ajax、iframe、controls四種展現(xiàn)方式，具體細節(jié)下面慢慢介紹，先看效果圖。
2010-04-04
自己動手制作jquery插件之自動添加刪除行的實現(xiàn)
我們常常會遇到這樣的情況，一個系統(tǒng)中有大量的需要對一個行進行復制添加，希望能夠進行批量的操作，這個時候，我們就可以考慮把它做成一個jquery插件了.
2011-10-10
jquery動態(tài)改變onclick屬性導致失效的問題解決方法
onclick屬性失效的問題，相信很多的朋友都有遇到過吧，jquery動態(tài)改變onclick屬性就會導致此問題的發(fā)生，解決方法如下，希望對大家有所幫助
2013-12-12
jquery利用ajax調(diào)用后臺方法實例
這篇文章介紹了jquery利用ajax調(diào)用后臺方法實例，有需要的朋友可以參考一下
2013-08-08
jQuery中width()方法用法實例
這篇文章主要介紹了jQuery中width()方法用法,以實例形式較為詳細的分析了width()方法獲取元素寬度的技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
2014-12-12
手機移動端實現(xiàn) jquery和HTML5 Canvas的幸運大獎盤特效
這篇文章主要介紹了手機移動端實現(xiàn) jquery和HTML5 Canvas的幸運大獎盤特效的相關資料,這里附有實現(xiàn)代碼及實現(xiàn)效果圖，需要的朋友可以參考下
2016-12-12
Jquery操作radio,checkbox,select表單操作實現(xiàn)代碼
Jquery操作radio,checkbox,select表單操作實現(xiàn)代碼，需要用jquery操作表單的朋友可以參考下。
2010-04-04
jQuery ajaxForm()的應用
Ajax在Web應用中的作用越來越大，這讓采用AJAX方式提交一個表單的過程簡單的不能再簡單了，需要的朋友可以了解一下。
2016-10-10