从jQuery中的父级获取td的输入值

Question

我想获得input.salePrice的输入值。下面是HTML：

<tr role="row" id="0"> 
    <td class="v-align-middle semi-bold">TEST</td> 
    <td class="v-align-middle text-right quantityModule"> 
     <div class="input-group"> 
      <span class="input-group-addon primary"><a href="#" class="quantityMinus"><i class="fa fa-minus-circle"></i></a></span> 
      <input type="text" class="form-control text-center quantity" data-v-min="0" data-v-max="999" data-w-empty="zero" value="1" autocomplete="off" style="width:50px;"> 
      <span class="input-group-addon primary"><a href="#" class="quantityPlus"><i class="fa fa-plus-circle"></i></a></span> 
     </div> 
    </td> 
    <td class="v-align-middle text-right priceModule"> 
     <div class="input-group"><input type="text" class="form-control text-right salePrice" value="24.00" autocomplete="off" style="width:80px;"><span class="input-group-addon primary">%</span></div></td><td class="v-align-middle text-right">24.00 
    </td> 
</tr> 

我开始喜欢这个不对劲：

$('#orderTable tbody').on('click', 'a.quantityPlus', function() { 
    var salePrice = $(this).parents('tr input.salePrice').val(); 
}); 

任何想法？

Answer 1

好吧，这真的很简单，这里是代码：

$('#orderTable tbody').on('click', 'a.quantityPlus', function() { 
    var tr = $(this).parents('tr').find('input.salePrice').val(); 
});