計算上のJQueryエラー：「キャッチされていないTypeError：オブジェクト[オブジェクトオブジェクト]にメソッドがありません」「

Question

jQueryの新機能で、ユーザーが2つのテキストボックスに配置する内容に基づいて計算を作成する必要があります。

私のフォームは次のようになります。

今

<tr> 
     <td with='110'>&pound; $ProductCostEach</td> 
     <td with='110'>Per tile</td> 
     <td width='55'> 
      <input type='hidden' name='pid' id='pid' value='$ProductID' /> 
      <input name='quantity' class='quantity' type='text' size='1' maxlength='4' value='1' style='width:40px;' /> 
     </td> 
     <td width='110'> 
      <button type='submit' class='red'><span class='buy'>Add to basket</span></button> 
     </td> 
</tr><tr> 
<td with='110'>&pound; $ProductCostPerMeter</td> 
<td with='110'>Per Meter $TileSize</td> 
<td width='55'> 
      <input type='hidden' name='pid' id='pid' value='$ProductID' /> 
      <input name='msq' class='msq' type='text' size='1' maxlength='4' value='1' style='width:40px;' /> 
     </td> 
     <td width='110'> 
      <button type='submit' class='red'><span class='buy'>Add to basket</span></button> 
     </td> 
</tr> 

、ユーザは、私はそれが計算をしたい.msqのクラスと入力ボックスに値を入力し、そうからkeyupイベントを書かれているとき：

function roundNumber(num, dec) { 
     var result = Math.round(num*Math.pow(10,dec))/Math.pow(10,dec); 
     return result; 
} 

var convMultiplier 
convMultiplier = 0.0625 

$('.msq').bind('keyup', function(){ 
     var qty_text_box = $(this).parent().parent().parent().find('.quantity'); 

     qty_text_box.value(roundNumber($(this).value * convMultiplier, 2)); 
}); 

しかし、入力ボックスの値を取得するだけで問題が発生しました。 var qty_text_box = $（this）.parent（）。parent（）。parent（）。find（ '。quantity'）;の後に警告（qty_text_box.value（）私はエラーを取得：

「キャッチされない例外TypeErrorオブジェクト[オブジェクトのオブジェクト]は何の方法 『の値』を持っていない」しかし...問題が何であるかを事前に

多くの感謝を、動作するように苦労しています

Danian

Answer 1

あなたの親（）jquery呼び出しの文字列が正しい要素を見つけているように思われません。同じページに複数の数量入力がない場合は、IDを与えてそのように参照するだけです。

ページに複数の数量が入力されている場合は、クリックしたボタンと親要素内の入力を同じ行にグループ化して、物事を簡単にしてから、$ ）.parents（ '。parentEl'）。find（ '。quantity'）

また、$（this）.closest（ '。quantity'）を使用して入力を取得することもできますが、 htmlは確実に動作するかどうかはわかりませんでした。

EDITの2番目の使用には、括弧（.value（））が必要です