Ich habe dynamisch 2 <tr> erzeugt, und ich möchte die Daten des <tr> bekommen ich

Question

Die Frage verwirrend sein könnte klicken, aber dies ist die genaue Situation ..

ich dynamisch wenige (wie pro abgerufenen Daten aus der Datenbank generiert haben) und jetzt möchte ich, damit der Benutzer eine der Radio-Buttons zu wählen, und ich möchte die Details der Zeile erfassen, so klickte meinen Code überprüfen Sie bitte und helfen

Mein aJAX-Code

$.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); 
       } 
      }); 

mein Radio Knopf erkennen Ionen-Code

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

Answer 1

eine Instanz von this verwenden und die closesttr erhalten:

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

Natürlich, wenn diese Prozedur nicht getroffen zu werden ist, ist es wahrscheinlich, weil Ihre Zeilen dynamisch hinzugefügt werden - so Delegieren Sie den Handler:

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