JQuery - 動的テーブルでのオンザフライ計算/変換

Question

動的な HTML テーブル (行を追加できます) があり、ユーザーが値を入力したときに値をリットル単位で読み取り、それを USG に変換したいだけです (値をリットル単位で取得し、変換して配置します) USG 入力フィールドに入力してください)。

動的HTMLテーブル

昇順の値を挿入するたびに実行する関数を作成しました:

リーリー

次の例に示すように、HTML の各行には が含まれます。 リーリー

フィールド名がどの行でも同じなので、同じ行でフィールドを参照するのに問題があり、$(event.target).closest('tr').find('.fuelUSG').val( USG ); 同じ木っぽさを失ったため、修正されませんでした。

その方法を知っていますか?

$(event.target).closest('tr').find('.fuelUSG').val(USG); を試してみましたが、「fuelUSG」という名前が更新されることを期待していました。しかし、残念ながらそれはうまくいきません。

Answer 1

正直に言うと、それを機能させるために重要なことに触れたかどうかは覚えていません... (もちろん、不足しているイベント ハンドラーは正しく追加しました)

とにかく、このデモでは、テンプレートを使用して行を追加するだけの最初の関数に加えて、次のような 2 段階の変換ロジックも考慮しています。

最下層は文字列値の取得のみを担当します パラメータを指定し、変換結果を数値として返します
特定の入力要素をパラメータの上位層として使用する それ自体、その値を文字列として取得し、それを変換に渡します 前述の関数を使用し、その兄弟入力に値を設定します 変換された＃＃＃
ゲーム全体は、すべての

input.usedFuel

に対する単一のループ上に設定されており、各行の各入力に対して、最初に設定された値のみを使用して変換が実行され、次の値が追加されます。変換を実行します。 keyup イベント リスナーは、ユーザーが編集している行をリアルタイムで表示します。

リーリー リーリー