Как получить идентификатор tr после нажатия на элемент td?

У меня есть столбец tr, вроде этого. Затем, как я могу получить идентификатор tr с помощью jquery после нажатия «Обновить» с идентификатором «quick-update-order-product»,

<tr id="product-id-<?=$product->product->id;?>"> <td><span class="product_price_show"></span></td> <td><span><?= $product->product_qty; ?></span></td> <td><span><?= $product->product->stock->qty; ?></span></td> <td><span><?= $product->total_price_tax_incl; ?></span></td> <td> <a class="quick-update-order-product">Update</a> </td> </tr> 

Заранее спасибо.. 🙂

Во-первых, если эта строка повторяется, вы должны использовать класс на кнопке, а не id , поскольку свойства дубликата id недопустимы.

 <tr id="product-id-<?=$product->product->id;?>"> <td><span class="product_price_show"></span></td> <td><span><?= $product->product_qty; ?></span></td> <td><span><?= $product->product->stock->qty; ?></span></td> <td><span><?= $product->total_price_tax_incl; ?></span></td> <td> <a class="quick-update-order-product">Update</a> </td> </tr> 

Когда у вас есть класс на кнопке, вы можете использовать closest() чтобы найти tr :

 $('.quick-update-order-product').click(function() { var trId = $(this).closest('tr').prop('id'); }); 

Вы можете использовать:

 $('td a').click(function(){ alert($(this).closest('tr').attr('id')); }); 

Используйте этот Ближайший ()

 $('.quick-update-order-product').click(function() { var trId = $(this).closest('tr').attr('id'); });