Question

jquery 后添加tr 执行click问题

<table id="aa" width="500" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>确认</td>
<td>确认</td>
<td class="cc">确认</td>
<td>确认</td>
</tr>
</table>
<button type="button" id="button1">添加</button>

$("tr").each(function (){
$(this).find("td:eq(2)").click(function (){
alert(123)
})
});

$("#button1").click(function (){
$("table").append('<tr><td>确认</td> <td>确认</td><td class="cc">确认</td><td>确认</td></tr>');
});

当我在添加一行， 在点td就不弹了

Answer 1

你这个click语句，是肯定不会执行的。因为你这个元素是后来添加的，而click事件的注册，在页面加载时就已经完成了（当前页面有几个tr，td，就那么几个。后来添加的，都不会注册click事件）

解决方法：把事件注册到document上面。这样当执行事件时，会冒泡触发。

代码：

$("table tr td:nth-child(3)").live("click",function(){
    alert(123);
});

Answer 2

因为你页面加载的时候只给原有的tr绑定了方法，而你新添加的tr由于是动态添加的，所以没有绑定事件。
当你新添加方法执行完成时再调一下绑定点击事件的方法就行了。

Answer 3

主要原因是你点击后，没有把刚才tr放在页面上，只是在内存里

Answer 4

你好！！

你这属于动态添加元素，事件绑定使用bind或live方法，或者deltegate()方法···