java- 求助！js中獲取的數據如何進行操作

求助！js中獲取的數據如何進行操作

小弟使用Spring框架制作了個一個網站。可以查看數據庫中的數據，在頁面加載完畢後顯示所有數據庫指定表中的內容，源碼如下：

 $(function(){
        $.post(
                base_path+"/record/find.do",
                {},
                function(result){
                    if(result.success){
                        var list=result.data;
                        $(list).each(function(){
                            //每次遍歷會得到一個筆記本對象
                            var table='<tr><td>'+this.record_title+'</td><td>'+this.record_time+'</td><td>'+this.record_man+'</td><td>'+this.record_content+'</td><td>'+this.record_comment+'</td><td>&nbsp;'+'<input type="button" value="Change" id="Change" class="">&nbsp;'+'<input type="button" value="Delete" id="Delete" class=""></td></tr>';
                            $('#tbody').append(table);
                            //將數據綁定上td上，為後續的修、刪除功能做准備
                            $('#tbody tr td:last').data("data",this);
                        });
                    }else{
                        alert(result.message)
                    }
                }   
        );
        //進入添加新數據界面
        $("#ADD").click(function(){
            location.href="Add.html";
        });
        //刪除當前數據
        $("#Delete").click(function(){
            alert('11');
            location.href="Add.html";
        });
        //修改當前用戶密碼
        $("#changePassword").click(function(){
            alert('11');
            location.href="Add.html";
        });
        //返回Record頁面
        $("#Back").click(function(){
            location.href="Record.html";
        });
        //確認添加一條數據
        $("#add").click(function(){
            add();
        });
});

現在的情況是，我想給Change和Delete按鈕添加動作，但是添加之後點擊沒有反應。請問該怎麼解決呢？

最佳回答：

 $(function(){
        $.post(
                base_path+"/record/find.do",
                {},
                function(result){
                    if(result.success){
                        var list=result.data;
                        $(list).each(function(){
                            //每次遍歷會得到一個筆記本對象
                            var table='<tr><td>'+this.record_title+'</td><td>'+this.record_time+'</td><td>'+this.record_man+'</td><td>'+this.record_content+'</td><td>'+this.record_comment+'</td><td>&nbsp;'+'<input type="button" value="Change" id="Change" class="">&nbsp;'+'<input type="button" value="Delete" id="Delete" class=""></td></tr>';
                            $('#tbody').append(table);
                            //將數據綁定上td上，為後續的修、刪除功能做准備
                            $('#tbody tr td:last').data("data",this);
                            //刪除當前數據-----加到這裡，或者把ajax異步改同步
                                                $("#Delete").click(function(){
                                                    alert('11');
                                                    location.href="Add.html";
                                                });
                                                //修改當前用戶密碼
                                                $("#Change").click(function(){
                                                    alert('11');
                                                    location.href="Add.html";
                                                });
                        });
                    }else{
                        alert(result.message)
                    }
                }   
        );
        //進入添加新數據界面
        $("#ADD").click(function(){
            location.href="Add.html";
        });

        //返回Record頁面
        $("#Back").click(function(){
            location.href="Record.html";
        });
        //確認添加一條數據
        $("#add").click(function(){
            add();
        });
});