javascript - knockout.js を使用したテーブル列の合計

Question

ノックアウト.jsを使用して上記のテーブル列の計算を行うにはどうすればよいですか? jqueryを使用して同じことを実装できますが、knockout.jsの初心者であるため、knockout.jsを使用した実装がわかりません。

Jsonを使用して上記のテーブルを生成したくありません。代わりに、このテーブルをHTMLテーブル自体で直接生成します。ここにHTMLコードがあります

    <table>
         <thead>
             <tr>
                <th>Price</th>
                <th>Quantity</th>
                <th>Amount</th>
             </tr>
         </thead>
         <tbody>
             <tr>
                 <td><input type="text"></td>
                 <td>2</td>
                 <td></td> 
             </tr>
             <tr>
                 <td><input type="text"></td>
                 <td>1</td>
                 <td></td> 
             </tr>
              <tr>
                 <td><input type="text"></td>
                 <td>2</td>
                 <td></td> 
             </tr>
              <tr>
                 <td><input type="text"></td>
                 <td>100</td>
                 <td></td> 
             </tr>    
         </tbody>

助言がありますか？

Answer 1

仕事のための間違ったツール。Knockout は、HTML 内のテキストを操作するのではなく、データを HTML にバインドすることを目的としています。jqueryでセレクターを使用し、それらの値を合計することをお勧めします。