javascript - 我动态生成了2个，我想获取我点击的的数据

Question

这个问题可能令人困惑，但这就是确切的情况..

我已经动态生成了一些(根据从数据库获取的数据)，现在我想允许用户选择其中一个单选按钮，并且我想捕获所单击的行的详细信息，因此请检查我的代码并协助

我的ajax代码

$.ajax({
                data: data,
                url: url,
                type: 'POST',
                datatype: 'JSON',
                success: function (response) {
                    console.log(response);
                    var result = $.parseJSON(response);
                    var count = result.length;
                    for (var i = 0; i < count; i++) {
                        var $row = $("<tr><input type='hidden' id='"+ result[i].objId + "' value='"+ result[i].objId+"'><td><input type='radio' name='dbRadio' id='dbRadio'></td><td>" + result[i].name + "</td><td> Murgency Global Network</td><td>" + result[i].number + "</td><td>" + result[i].city + "</td><td> 0.5 Km</td></tr>");
                        $('table.queriedResponder > tbody:last').append($row);
                    }
                    console.log($row);
                }
            });

我的单选按钮检测代码

 $('input[name=dbRadio]').change(function(){
           console.log('clicked');
        });

Answer 1

使用 this 的实例并获取最接近的 tr:

$('input[name=dbRadio]').change(function(){
    console.log($(this).closest("tr"));
});

当然，如果这个处理程序没有被命中，可能是因为您的行是动态添加的 - 所以委托(delegate)处理程序:

$('table.queriedResponder').on('change', 'input[name=dbRadio]', function() {
    console.log($(this).closest("tr"));
});