Question

jquery append onclick无效

$('#demoTable').append("<tr><td><input name='' type='button' value='test' onclick ='alert(123)'/></td></tr>");

以上，点击按钮没有反应，

用这个是有效的
$("#btn0").click(function () {

alert("test");
});

可是现在我的button个数是不确定的，不能用上面的方法监听

我希望能实现如下效果
$("#demoTable").append("<input type='button' id='btn1' value='按扭' onclick='test(this)' />");

function test(e) {
alert($(e).attr('id'));
$(e).hide();
}

可是我这样写点击按钮是没有效果的，求大神帮助，万分感谢！

Answer 1

办法 一:
<script type="text/javascript">
function test(e) {
alert($(e).attr('id'));
$(e).hide();
}
jQuery(document).ready(function(){
$("#demoTable").append("<input type='button' id='btn1' value='按扭' onclick='test(this)' />") ;
});
</script>
办法二
<script type="text/javascript">
jQuery(document).ready(function(){
$("#demoTable").append("<input type='button' id='btn1' value='按扭' />").find('#btn1').click(function(){
alert($(this).attr('id'));
$(this).hide();
}) ;
});
</script>

追问

我现在用的是方法一，可以在firefox中正常运行，但是在IE中没有效果，请问要怎么修改呢？谢谢了

追答

IE有时要在加载完文档后才能运行JS,所以你把 放在JS的上面,
或者干脆将JS放在页面底部

追问

我现在js就是在最下面，仍然是不可以，请问还有其他的办法吗？谢谢了

追答

我试了, 没问题啊, 如果你是本地没有服务器环境中浏览, IE要允许JS运行,,,,,,