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

Question

У меня есть колонка tr, как это. Тогда как я могу получить идентификатор с помощью JQuery ВУ после нажатия Update, имеющий идентификатор "быстрого обновления порядка-продукт"

<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> 

Заранее спасибо .. :)

Answer 1

Во-первых, если эта строка повторяется, вы должны использовать класс на кнопке, а не 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'); 
}); 

Answer 2

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

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

Answer 3

Используйте этот Closest()

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