jQuery-表格插入数据和删除数据

jQuery-表格插入数据和删除数据,第1张

.html()是用来获取子标签和文本内容

.text()是用来获取所有文本的内容

.val()是用来获取input和select等输入(用户输入)的值

如:

(":checked").val()

$("#s1").val() select可以直接选中多个值,多选 的select返回的是数祖格式.

clone()// 参数

$(document).ready(function(){

// 增加一行

var i=1

$("#add").click(function(){

if(i<5){

var idval = 'tr'+i

var opp   = 'td'+i

var tr = "<tr id="+idval+" height='25'><td><input type='text' name='spec' value='' id="+opp+" size='30' />&nbsp&nbsp</td></tr>"

$(tr).appendTo("#table")

}

i++

})

// 点击删除,则删除对应的行

$("#del").click(function(){

var tr_id = $("table>tbody>tr:last").attr("id")

$("#"+tr_id).remove()

})

})

也可以给tr赋值id号,删除的时候检索到id值,对应删除行就好了。。

你下载附件试试,测试过了,ok的。。。id、class之类的对应修改好就好了


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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存