.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); }
运行结果展示:
点击删除与添加