j-Queryデータテーブル検索ボックスで変更イベントを適用しますか？

Question

私は多くのレコードを持つj-Queryデータテーブルを持っており、私は組み込みの検索ボックスを持っています。私が試みているのは、class="amount"を持つtdsのすべての値を合計することです。それはうまくいっている。さて、問題は検索ボックスです。私はtdsの値と、表示されているクラス名amountを合計したいと思います。私は多くの方法を試みたが、何も動作しませんでした。以下は私のコードです：

var salaryTable = $('#tblSalary').DataTable(); 

salaryTable.on('search', function() { 

     var sum = 0; 

     $(".amount").each(function() { 
      var value = $(this).text(); 
      if(!isNaN(value) && value.length != 0) { 
        sum += parseFloat(value); 
      } 
     }); 

     alert(sum); 
}); 

このロジックは期待どおりに動作しません。これを解決するにはどうすればよいですか、何が間違っていますか？より良いアプローチはありますか？

アップデート：私はそれが私の目に見えるものと見えないレコードの合計を与える何かを検索するときに問題があります。バックスペースで検索ボックスをクリアすると、以前に表示されたすべてのレコードの合計が表示されます。

Answer 1

あなただけがjQueryのを使用することができ、クラスの量の可視要素たい場合：目に見えるセレクタ

$(".amount:visible").each(...) 

jQueryのドキュメントhttps://api.jquery.com/visible-selector/