Question

jquery 动态添加的元素 绑定事件click失效

这是一段jquery代码，绑定checkbox的click事件
$(document).ready(function(){
$("input[type='checkbox']").click(function(){
if($(this).parent().parent().parent().parent().attr("id")!='fkbm'){
alert($(this).parent().parent().parent().parent().attr("id"));
……………………
}
});
});
对应初始加载的checkbox的click是生效的，但是又通过js的append添加了新的checkbox，百度说是因为动态添加的控件没有注册的原因，想请问如何解决这个问题。
动态添加checkbox的js代码如下
$(function(){
$("#btn2").click(function() {
$("#sxsp").append("<tr><td><input type='checkbox' ></td>……</tr>");
});
});

Answer 1

这就是“为未来元素添加事件”的方法了，

jquery里为未来元素添加事件的原理很简单，既然这个元素是未来的，那么我们可以把事件绑定在已经存在的元素上，然后在发生点击的时候，再来判断所点击的对象，是否为我们要的对象，然后再触发事件。

$("div#id").on("click","button.do",function(){
    //具体的内容
});

上面这段代码解释起来就是，给div#id绑定一个click事件，并且触发事件的对象为button.do时，开始执行具体的内容。

不管button.do是否为已经存在的，还是未来添加的，都能执行。

对于你的问题，同理就能解决，

$("input[type='checkbox']").click

你的这句，把事件绑定到最近的父元素里，不要绑在离“太远”的父元素上，影响代码的执行效率，

Answer 2

用事件委托的方式
如下：
$(document).on("click","input[type='checkbox']",function(){
if($(this).parent().parent().parent().parent().attr("id")!='fkbm'){
alert($(this).parent().parent().parent().parent().attr("id"));
……………………
}
});