如何获取点击的tr按钮元素的id属性?

时间:2016-10-03 10:33:12

标签: javascript jquery button jquery-click-event

我将点击事件绑定到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();
});

如何获取clicked tr按钮元素的id属性?

1 个答案:

答案 0 :(得分:-1)

您可以使用jquery 最近的功能。

你可以在这里看到一个简单的例子

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

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