jQuery計數百分比 - 顯示「未定義」

Question

我的腳本應計算表中的值，但它不能代替'％'字符並顯示'未定義'。我試過一些解決方案，但沒有運氣。

我做了一個小提琴：fiddle

$('table .ilosc, table .cena_netto .stawka_vat').on('keyup paste change', function() { 
     $('table tr').each(function() { 
      var ilosc = $(this).find('input.ilosc').val(); 
      var cena_netto = $(this).find('input.cena_netto').val(); 
      var wartosc_netto = (ilosc * cena_netto); 
      $(this).find('input.wartosc_netto').val(wartosc_netto); 
      var stawka_vat = $(this).find('input.stawka_vat').val().replace('%', ''); 
      var kwota_vat = (wartosc_netto * (stawka_vat/100)); 
      $(this).find('input.kwota_vat').val(kwota_vat); 
      var wartosc_brutto = (wartosc_netto + kwota_vat); 
      $(this).find('input.wartosc_brutto').val(wartosc_brutto); 
     }); //END .each 
    return false; 
}); // END change 

它正常工作，直到行：$(this).find('input.wartosc_netto').val(wartosc_netto);

Answer 1

我想我找到了......你做的每一個上的所有<tr>行。第一行是標題。所以它不會找到任何值。將該行替換爲<thead>，然後undefined錯誤不會發生。當發生這樣的錯誤時，腳本的其餘部分將停止。

更好的是給<tr>一個類，然後遍歷類。

你要知道，做一個回落，當在你做替換

Answer 2

阿爾文·巴克是接近被發現沒有價值，但它需要多一點的調整。

問題是，您運行的每一行，包括標題行。標題行不包含您想要的值，所以它會運行到錯誤中，並且JavaScript會停止對錯誤執行。

一個簡單的方法來解決這個問題，通過檢查，如果你的標題行中：

$('table .ilosc, table .cena_netto .stawka_vat').on('keyup paste change', function() { 
     $('table tr').each(function() { 

      //NEW CODE HERE: 
      //Pseudo code: if this row contains <th>-elements, 
      //then don't bother with it and move on to the next row. 
      if ($(this).find('th').length > 0) 
       return; 

      var ilosc = $(this).find('input.ilosc').val(); 
      var cena_netto = $(this).find('input.cena_netto').val(); 
      var wartosc_netto = (ilosc * cena_netto); 
      $(this).find('input.wartosc_netto').val(wartosc_netto); 
      var stawka_vat = $(this).find('input.stawka_vat').val().replace('%', ''); 
      var kwota_vat = (wartosc_netto * (stawka_vat/100)); 
      $(this).find('input.kwota_vat').val(kwota_vat); 
      var wartosc_brutto = (wartosc_netto + kwota_vat); 
      $(this).find('input.wartosc_brutto').val(wartosc_brutto); 
     }); //END .each 
    return false; 
}); // END change 

替代解決方案

你也能適應（由@SlashmanX的評論啓發）你的html位：

把你的第一行放在一個<thead>元素中。就像這樣：

<table> 
    <thead> 
     <tr> 
      <th>Lp.</th> 
      <th>Nazwa towaru lub usługi</th> 
      <th>Jednostka</th> 
      <th>Ilość</th> 
      <th>Cena netto</th> 
      <th>Wartość netto</th> 
      <th>Stawka VAT</th> 
      <th>Kwota VAT</th> 
      <th>Wartość brutto</th> 
     </tr> 
    </thead> 
    <!-- All data rows below --> 
</table> 

然後你就可以適應你的JavaScript是這樣的：

$('table .ilosc, table .cena_netto .stawka_vat').on('keyup paste change', function() { 

     //Subtle difference in this line: Spot the '>' in the selector! 
     $('table>tr').each(function() { 
      var ilosc = $(this).find('input.ilosc').val(); 
      var cena_netto = $(this).find('input.cena_netto').val(); 
      var wartosc_netto = (ilosc * cena_netto); 
      $(this).find('input.wartosc_netto').val(wartosc_netto); 
      var stawka_vat = $(this).find('input.stawka_vat').val().replace('%', ''); 
      var kwota_vat = (wartosc_netto * (stawka_vat/100)); 
      $(this).find('input.kwota_vat').val(kwota_vat); 
      var wartosc_brutto = (wartosc_netto + kwota_vat); 
      $(this).find('input.wartosc_brutto').val(wartosc_brutto); 
     }); //END .each 
    return false; 
}); // END change 

還是那句話：信貸SlashmanX指出這一點。