jquery - これを書くよりエレガントな方法を探しています

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");