jquery添加删除问题,图片如下,我需要去点击添加 然后出现附件1 2 3...这样一次类推,删除也是逐个删除

jquery添加删除问题,图片如下,我需要去点击添加 然后出现附件1 2 3...这样一次类推,删除也是逐个删除,第1张

给你个代码,手动写的,绝对正确,你用table做会比较简单一些,不过用div也可以,不过比较麻烦。我用table给你写一个。

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()


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11743720.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存