如何在點擊td的元素後獲得tr的id？

Question

我有一個tr列，像這樣。然後，我怎麼能得到TR的id使用jQuery單擊更新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> 

在此先感謝後.. :)

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'); 
});