2015-02-24 148 views
4

我有一个tr列,像这样。然后,我怎么能得到TR的id使用jQuery单击更新ID为“快速更新订单产品”如何在点击td的元素后获得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> 

在此先感谢后.. :)

+0

你有一个单击处理.. 。如果是这样结帐[.closest](http://api.jquery.com/closest) – 2015-02-24 09:35:30

回答

5

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

为什么使用道具而不是attr? – 2015-02-24 09:40:12

+0

@OliSoproniB。 http://stackoverflow.com/questions/5874652/prop-vs-attr – 2015-02-24 09:41:11

+0

@RoryMcCrossan谢谢他真的很有用。并感谢您的建议:) – 2015-02-24 09:48:52

2

您可以使用:

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

'我怎样才能得到tr的id使用jquery点击更新后有id“quick-update-order-product”' – 2015-02-24 09:37:23

1

使用此Closest()

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