如何在点击tr的td后获取tr的id'；s元素 - How to get id of tr after clicking its td's element?

How to get id of tr after clicking its td's element?

本文关键字：tr id 元素获取 td | 更新日期: 2024-01-25

我有一个tr列，如下所示。那么，在点击更新id为"快速更新订单产品"后，我如何使用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>

提前感谢..：）

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

使用此Closest（）

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