如何在点击td的元素后获得tr的id?
我有一个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>
在此先感谢后.. :)
首先,如果重复此行,您应该使用按钮上的类,而不是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');
});
为什么使用道具而不是attr? – 2015-02-24 09:40:12
@OliSoproniB。 http://*.com/questions/5874652/prop-vs-attr – 2015-02-24 09:41:11
@RoryMcCrossan谢谢他真的很有用。并感谢您的建议:) – 2015-02-24 09:48:52
您可以使用:
$('td a').click(function(){
alert($(this).closest('tr').attr('id'));
});
'我怎样才能得到tr的id使用jquery点击更新后有id“quick-update-order-product”' – 2015-02-24 09:37:23
使用此Closest()
$('.quick-update-order-product').click(function() {
var trId = $(this).closest('tr').attr('id');
});
你有一个单击处理.. 。如果是这样结帐[.closest](http://api.jquery.com/closest) – 2015-02-24 09:35:30