在錶行查找類

Question

看看這個表：

<table cellpadding="0" cellspacing="0" class="order_form"> 
    <tr> 
     <th>Amount</th> 
     <th>Desc</th> 
     <th>Price</th> 
     <th>Total</th> 
    </tr> 
    <tr> 
     <td><input type="text" class="order_count" /></td> 
     <td> 
      <span class="order_desc">Middagstallerken</span> 
     </td> 
     <td> 
      <span class="order_price">1,15</span> 
     </td> 
     <td> 
      <span class="order_each_total"></span> 
     </td> 
    </tr> 
    [...] 
</table> 

一旦進入量，我需要選擇班級「order_price」，並輸入「ORDER_COUNT」的值相乘，並把它放在「order_each_count」。我有很多這樣的行，所以我需要找到行中的下一個類。

我一直在使用一些功能像這樣的，但沒有結果的嘗試：

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('.order_count').keyup(function() { 
      var each_price = $(this).prevUntil("tr").find("span.order_price").text(); 
     }); 
    }); 
</script> 

我希望有人有:-)

Answer 1

使用closest()而不是prevUntil一個很好的解決方案：

$(document).ready(function(){ 
    $('.order_count').keyup(function() { 
     var amount = parseInt($(this).val(), 10); 
     var each_price = $(this) 
          .closest('tr') 
          .find('span.order_price') 
          .text() 
          .replace(',', '.'); // Floats use . as separator 

     each_price = parseFloat(each_price); 
     total_price = amount * each_price; 

     // Update the value 
     $(this) 
      .closest('tr') 
      .find('span.order_each_total') 
      .text(total_price 
       .toFixed(2) // "Round" to two decimal places 
       .replace('.', ',') // Format properly 
      ); 
    }); 
}); 

請記住在嘗試使用DOM中的數字計算–時使用parseFloat或parseInt '作爲默認字符串。