如何在单击其td元素后获取tr的id？

Question

我有一个tr列,像这样.那么在点击更新ID为"quick-update-order-product"之后如何使用jquery获取tr的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

首先,如果重复此行,则应使用按钮上的类,而不是a 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');
});