jQuery怎么获取动态生成的元素，on方法的话，父元素也是动态生成的，怎么写。

Question

    //对json数据进行遍历
                        $.each(data,function (index,item) {
                            html = "";//每次循环数据都设置为空
                            html += "<h1 align='center'>我的订单</h1>";
                            html += "<table id='dataTb' border='1' align='center' width='500px'>";
                            html += "<tr align='center'><td>订单号</td><td>我的订单</td><td>应支付</td><td></td></tr>";
                            html += "<tr align='center'>";
                            html += "<td>"+item.num+"</td>";
                            html += "<td>"+item.name+"</td>";
                            html += "<td>"+item.price+"</td>";
                            html += "<td><a href='' class='pay'>立即支付</a></td>"
                            html += "</tr>";
                            html += "</table>";
                            
                            document.write(html);        //在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML
                            
                        });
                        
                    }

                 });
            
        });
        //支付购物车订单        //因为pay-btn按钮非本页原按钮，是刷新后的新按钮，所以点击事件要这样写。
            $('#pay-btn').on("click",'.pay',function(){
                alert(1);
            });
            

 

 

没有反应。'#pay-btn'   这个父元素也是动态生成的

Answer 1

你用document.write(html);就表示你的元素只是在页面加载时添加一次。
那click事件就不需要用委托式的方式绑定了。
可以在元素添加到页面之后直接对.pay元素本身绑定click事件。