Javascript JQuery-项目的当前表行

Javascript JQuery-项目的当前表行,javascript,jquery,ejs,Javascript,Jquery,Ejs,我有一个有几行的表格,每行一列有一个“详细信息”按钮。 我需要获取单击的详细信息按钮的当前表行。每个按钮都有相同的类和id 感谢您的帮助。您可以将表中的单击事件委托给按钮选择器,并在单击时获得最接近的tr,如下所示: $("#yourTable").on('click', '.details-button', function(){ var $row = $(this).closest('tr'); }); 您可以使用在单击按钮时获取行元素 $('.button').on('click

我有一个有几行的表格,每行一列有一个“详细信息”按钮。 我需要获取单击的详细信息按钮的当前表行。每个按钮都有相同的类和id


感谢您的帮助。

您可以将表中的单击事件委托给按钮选择器,并在单击时获得最接近的
tr
,如下所示:

$("#yourTable").on('click', '.details-button', function(){
    var $row = $(this).closest('tr');
});
您可以使用在单击按钮时获取行元素

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

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

您的按钮不应该具有相同的id。相同的类可以,但相同的id不可以。这意味着它是唯一的。这实际上会得到最近的父项,在这种情况下,将返回一个
td
(考虑到按钮直接位于
td
)而不是
tr
。我们也可以做
.parent().parent()
,但是
最近的()
不那么冗长。哦,是的,这是真的。