Javascript 单击表中的事件按钮

当我点击表格内的按钮时，如何打开模态对话框

function GetAllCountries() {

    $('#update_panel').html('Loading Date....');
    $('#update_panel').html("<img src='/Pic/ajax-loader.gif'/>")
    $.ajax({
        url: '/Home/GetCountries',
        type: 'GET',
        datatype: 'Json',
        success: function (data) {
            if (data.length > 0) {
                var $data = $('<table id="tableItems"> </table>').addClass('table table-responsive table-striped');
                var header = "<thead><tr><th>Country ID</th><th>Country</th></tr></thead>";
                $data.append(header);

                $.each(data, function (i, row) {
                    var $row = $('<tr/>');
                    $row.append($('<td/>').html(row.CountryId));
                    $row.append($('<td/>').html(row.CountryName));

                    $row.append($('<td/>').html("<button class='A' id='mybtn'>Edit</button>"));

                    $data.append($row);
                });

                $('#update_panel').html($data);
            }
            else {
                var $noData = $('<div/>').html('No Data Found!');
                $('#update_panel').html($noData);
            }
        },
        error: function () {
            alert('Error! Please try again.');
        }
    });
}

我想我需要一些东西，如达到表内的按钮，并添加它的点击事件

$("#Table: Tbody,th,tr").click(function () {
        $("#CreateForm").dialog({
            autoOpen: false,
            modal: false,
            width: 500,
            height: 500,

---

创建按钮时，还必须设置

单击事件。在元素初始化之前创建的任何事件都不会附加到该特定元素。因此，请从此处更改您的代码：

$row.append($('<td/>').html(row.CountryId));
$row.append($('<td/>').html(row.CountryName));

$row.append($('<td/>').html("<button class='A' id='mybtn'>Edit</button>"));

$data.append($row);


#
字段1
字段2
行动
1.
AAAAAAAA
bbbbbbbb
2.
AAAAAAAA
bbbbbbbb
3.
AAAAAAAA
bbbbbbbb
它正在工作。谢谢。。。。你能告诉我怎样才能得到我点击的CountryId吗？类似于$（$按钮），单击（函数（）{alert（CountryID）}）；我将很快用新代码编辑答案，同时检查是否正确！我如何在桌子外面或其他地方使用它$（$按钮）。单击（函数（）{//CODE以打开模式}）；我写的地方//你想做什么就做什么
$row.append($('<td/>').html(row.CountryId));
$row.append($('<td/>').html(row.CountryName));

$row.append($('<td/>').html("<button class='A' id='mybtn'>Edit</button>"));

$data.append($row);

$row.append($('<td/>').html(row.CountryId));
$row.append($('<td/>').html(row.CountryName));

$button = $('<button />', {class: 'whatever', id: 'myButton' /* AND SO ON */};
$($button).click(function() {
    // CODE TO OPEN THE MODAL
});

$row.append($button);

$data.append($row);