寻找一种更优雅的写作方式

Question

我有一张看起来像这样的表：

​<table id="mytable">
   <tbody>
       <tr id="tempRowID">
           <td class="delete"> <img src="myImage.png" /> </td>
       </tr>
   </tbody>
</table>​​​​​​​​​​​​​​​​​​​

单击img时，我需要将表ID放入变量中。这个函数正在运行，但是所有的parent（）跳转看起来都很难看：

$(document).on('click', 'table td', function () {

    var currentTable = $(this).parent().parent().parent().attr("id");

});

我试过了：

    var currentTable = $(this).eq(3).attr("id");
    var currentTable = $(this).find("table").attr("id");

有什么建议吗？

Answer 1

使用.closest获取距离table最近的祖先。

var currentTable = $(this).closest("table").attr("id");

Answer 2

如何使用.closest()

var currentTable = $(this).closest('table').attr("id");

Answer 3

使用.closest()方法

var currentTable = $(this).closest('table').attr("id");