클릭 한 tr 버튼 요소의 id 속성을 가져 오는 방법은 무엇입니까?

Question

class.lada-button의 테이블에서 동적으로 생성 된 버튼에 클릭 이벤트를 바인딩하고 있습니다.

클래스 선택기 Ladda.create(document.querySelector('.ladda-button'));을 사용하여 버튼에 대한 참조를 만드는 현재 설정에서 테이블의 첫 번째 버튼에 대해서만 제출 전환이 트리거됩니다. 클릭 된 버튼 대신에.

그래서 클릭했던 버튼을 트리거하기 위해, 나는 점점 시도 id 속성에 대한 정의되지 않은 반환 클릭 버튼의 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(); 
}); 

어떻게 당신이 얻을 수 클릭 한 tr 버튼 요소의 id 속성?

Answer 1

jquery 가장 가까운 기능을 사용할 수 있습니다.

여기 간단한 예제

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

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