JQuery - 项目的当前表行

Question

我有一个包含多行的表，每行一列中有一个“详细信息”按钮。 我需要获取单击的Details按钮的当前表行。每个按钮都有相同的类和ID。

感谢您的帮助。

Answer 1

您可以将表格中的点击事件委托给按钮选择器，并点击最近的tr，如下所示：

$("#yourTable").on('click', '.details-button', function(){
    var $row = $(this).closest('tr');
});

Answer 2

您可以使用jQuery parent()在点击按钮时获取行元素。

$('.button').on('click',function() {
    console.log($(this).parent());
})

也不要在元素上使用相同的id。