jquery 为新元素追加事件问题

在网上看了四种为新元素追加事件的方法。
觉得其中一个方法可以改进一下。
就表格问题说:
原方法是这样:
$(document).ready(function(){

$(':button[value="删除"]').click(function(){
$(this).parents('tr').remove();
});

$(':button[value="新增"]').click(function(){

$('<tr><td>'+$(':text').val()+'</td><td><input type="button" value="删除" /></td></tr>')
.find(':input')
.click(function(){
$(this).parents('tr').remove();
})
.end()
.appendTo($('table'));

});

});

是先在你要加的元素上找到文本框,加事件,然后退回破坏性操作前,在加该元素、
这样也太麻烦了。
为什么不在新增元素后,同时追加事件呢?
改进之后:
$(document).ready(function(){

function deltr(){
$(this).parents("tr").remove();
};

$(':button[value="删除"]').click(deltr);


$(':button[value="新增"]').click(function(){
$('table tr:last-child ').after('<tr><td>新增行</td><td><button value="删除">删除</button></td></tr>');

$(':button[value="删除"]').click(deltr);
});


});
多简单啊。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值