クリックしたtrボタン要素のid属性を取得する方法は？

Question

私はclass.lada-buttonのテーブルに動的に作成されたボタンにクリックイベントをバインドしています。現在のセットアップがクラスセレクタLadda.create(document.querySelector('.ladda-button'));を使用してボタンへの参照を作成する際に

は、テーブル内の最初のボタンの送信遷移をトリガします。クリックされたボタンの代わりに。

<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(); 
}); 

どのようにあなたが得ることができます：

だからクリックされたボタンのためにそれをトリガするために、私はid属性にundefinedを返しますクリックされたボタンのIDを取得してみましたクリックされたtrボタン要素のid属性？

Answer 1

あなたはjqueryの最も近い機能を使用することができます。

あなたのHTMLレイアウトがどのようにここに

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

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