jquery时间委托，点击删除/添加

.live()事件不怎么好用，可以换成.on()

实例:

html:                

<tbody id="tableinfo_NI">
<tr>
<td style="text-align: center;" id="start_1">
<span> 合肥新桥机场</span>
</td>
<td style="text-align: center;" id="end_1">
<span>南京禄口机场</span>
</td>
<td style="text-align: center;">
<span οnclick="add_trd()" style="cursor: pointer">添加</span>/
<span οnclick="del_trd(this)" style="cursor: pointer">删除</span>
</td>
</tr>
</tbody>

js:

 function del_trd(obj){
$(obj).parent().parent().remove();
}
function add_trd(){
var
trd = $("<tr><td style='text-align: center;'><span> 合肥新桥机场</span></td>"+
"<td style='text-align: center'><span>南京禄口机场</span></td>"+
"<td style='text-align: center;'><span
οnclick='add_trd()' style='cursor: pointer'>添加</span>/<span οnclick='del_trd(this)' style='cursor: pointer'>删除</span></td></tr>")
$("#tableinfo_NI").append(trd);
}

运行结果展示：

点击删除与添加

最后

以上就是谨慎紫菜为你收集整理的jquery时间委托，点击删除/添加的全部内容，希望文章能够帮你解决jquery时间委托，点击删除/添加所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。