jquery動(dòng)態(tài)添加刪除一行數(shù)據(jù)示例
更新時(shí)間：2014年06月12日 09:04:42 投稿：whsnow
這篇文章主要介紹了jquery如何動(dòng)態(tài)添加刪除一行數(shù)據(jù),需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<html>
<head>
<title>添加、刪除一行</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function() {
$("#addOneRow").click(function() {
var tempTr = $("tr:first").clone(true);
$("tr:last").after(tempTr);
$("tr:last > td > #name").val("");//新添加行name為空
$("tr:last > td > #address").val("");//新添加行address為空
});
$(".delOneRow").click(function() {
if ($("tr").length < 2) {
alert("至少保留一行!");
} else {
if (confirm("確認(rèn)刪除?")) {
$(this).parent().parent().remove();
}
}
});
});
</script>
</head>
<body>
<table border="1">
<tr>
<td>姓名:</td>
<td><input type="text" id="name" name="name" />
</td>
<td>地址:</td>
<td><input type="text" id="address" name="address" /></td>
<td><input type="button" class="delOneRow" value="刪除" /></td>
</tr>
</table>
<input type="button" id="addOneRow" value="添加一行" />
</body>
</html>
相關(guān)文章
這篇文章主要介紹了Jquery判斷頁(yè)面圖片是否加載失敗,加載失敗則顯示默認(rèn)圖片的實(shí)現(xiàn)方法,需要的朋友可以參考下2023-06-06
jquery導(dǎo)航制件jquery鼠標(biāo)經(jīng)過(guò)變色效果示例
這篇文章主要介紹了jquery鼠標(biāo)經(jīng)過(guò)變色效果代碼，大家參考使用吧2013-12-12
jQuery實(shí)現(xiàn)三級(jí)菜單的代碼
上周新接手一個(gè)網(wǎng)站建設(shè)的活兒，其中有需要要jquery代碼實(shí)現(xiàn)三級(jí)菜單的需求，其實(shí)說(shuō)難也不難，下面小編把代碼分享給大家，供大家參考2016-05-05
本文給大家收集整理了jquery遍歷節(jié)點(diǎn)的方法，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-05-05
Jquery 方塊隨著鼠標(biāo)所在的區(qū)域而放大
下面都是默認(rèn)一樣大小的方塊，當(dāng)鼠標(biāo)放到你想要放的位置，則當(dāng)前位置的方塊則放大。2010-05-05
jquery 圓形旋轉(zhuǎn)圖片滾動(dòng)切換效果
今回給大家介紹個(gè)圓形旋轉(zhuǎn)的效果，基于圓形的物理特性，又圓上任意一點(diǎn)可以作為一個(gè)控制按鈕，然后拖動(dòng)它來(lái)使圖片輪換。2011-01-01
JavaScript實(shí)現(xiàn)向select下拉框中添加和刪除元素的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)向select下拉框中添加和刪除元素的方法,涉及jQuery中append()與remove()方法動(dòng)態(tài)操作表單元素的相關(guān)技巧,需要的朋友可以參考下2017-03-03
jQuery Datatables表頭不對(duì)齊的解決辦法
這篇文章主要為大家詳細(xì)介紹了jQuery Datatables表頭不對(duì)齊的解決辦法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要介紹了jQuery過(guò)濾選擇器用法,實(shí)例分析了:first、:last、:odd、:even等等常用的過(guò)濾選擇器的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
如何使用jQuery技術(shù)開(kāi)發(fā)ios風(fēng)格的頁(yè)面導(dǎo)航菜單
這篇文章主要介紹了如何使用jQuery技術(shù)開(kāi)發(fā)ios風(fēng)格的頁(yè)面導(dǎo)航菜單,需要的朋友可以參考下2015-07-07