
jsp中:
<input type="button" id="addtable" value="增加"/>
<table id="table1"></table>
jquery中这样写:
$(document).ready(function(){
$("#addtable").click(function(){
$("#table1").append("<tr class='odd'>"+
"这儿的内容你自己写,我只写删除"
"<td>"+
"<input type='button' onclick='del(this)' value='删除'/>"+
"</td>"+
"</tr>")
})
})
删除代码这样写:
function del(r){
if(confirm("确定删除?")){
var i=r.parentNode.parentNode.rowIndex
document.getElementById('table1').deleteRow(i)
}
}
你是个聪明人,应该能看懂,原理是这样的原理,具体情况你根据自己的情况修改一下就可以。记得导入jquery的库,还望采纳。
问题分析:
1、删除:使用jQuery的remove方法。
2、添加:使用jQuery的append、after等多个方法,这些不同的方法是用来决定标签添加的相对位置。
举例如下:
以内部追加方法append为例。
添加DIV:
$('body').append('<div id="name">我是被添加的DIV标签</div>')删除刚刚添加的DIV:
$('#name').remove()欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)