我将点击事件绑定到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属性?
答案 0 :(得分:-1)
您可以使用jquery 最近的功能。
你可以在这里看到一个简单的例子
$("button").click(function(event) {
alert($(this).closest("tr").attr("id"));
});