jquery - jQueryがテーブル内から機能しない?

Question

私は、数量を取り、行の合計を計算し、各行の合計を合計して総合計を形成する単純な製品注文フォームに取り組んできました。

jQuery を使用して計算を実行していますが、フォームがテーブル内でフォーマットされている場合を除いて、すべてがうまく機能します。

ここにありますjsFiddle-> http://jsfiddle.net/WekLs/

開始テーブルタグを削除すると、すべてが正常に機能します。

<table class="twelve">

.next()またはのいずれかと関係があると思われます.index()が、完全にはわかりません。

どんな助けでも本当に感謝しています。

Answer 1

imgタグを適切に終了する<img src="" />

h5タグを適切に終了してください<h5> </h5>
...

すべての HTML マークアップを編集して確認すると、新しいテストに進むことができます

Answer 2

あなたを変える

$this.next('.linetotal').val(getPrice(qty, idx));

に

$this.parents('tr').find('.linetotal').val(getPrice(qty, idx));