Как получить атрибут id элемента clicked tr button?

Question

Я привязываю событие click к кнопкам, созданным динамически в таблице class.lada-button.

В текущей настройке, создающей ссылку на кнопку с помощью селектора классов Ladda.create(document.querySelector('.ladda-button'));, запускается переход только для первой кнопки в таблице. Вместо кнопки, которая была нажата.

Так что для того, чтобы вызвать его для кнопки, которая была нажата, я пытался получать идентификатор щелкнул кнопкой, которая возвращает неопределенное значение для id атрибута:

<tbody> 
    @foreach (var row in Model.Status) 
    { 
     <tr> 
      <td style="visibility:hidden;" >@Html.Raw(row.ID)</td>    
      <td><button type="submit" data-style="expand-right" class="ladda-button"><span class="ladda-label">Update</span><span class="ladda-spinner"></span></button></td> 
     </tr> 
    } 
</tbody> 

$(".ladda-button").click(function() { 
    var btnId = $(this).attr('id'); 
    alert(btnId); 
    var updateBtn = Ladda.create(document.querySelector(btnId)); 
    // Start loading 
    updateBtn.start(); 
}); 

Как вы можете получить идентификатор элемента clicked tr button?

Answer 1

Вы можете использовать jquery ближайший функция.

Вы можете увидеть простой пример здесь

$("button").click(function(event) { 
    alert($(this).closest("tr").attr("id")); 
}); 

https://jsfiddle.net/0pxswgt6/2/