在j-Query数据表搜索框上应用更改事件?

时间:2017-06-22 10:52:30

标签: events search datatables

我有j-Query数据表,有很多记录,我有内置的搜索框。我正在尝试的是将所有tds中包含class="amount"的值加起来。它正在成功地发生。现在,问题是搜索框。我想将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);
 });

此逻辑未按预期工作。我怎么能解决这个问题或者我做错了什么?有没有更好的方法?

更新:问题是,当我搜索某些内容时,它会向我提供一些有形和无形的记录。当我用退格键清除搜索框时,它会向我提供之前可见的所有记录。

1 个答案:

答案 0 :(得分:0)

如果您只想要具有类数量的可见元素,则可以使用jQuery:visible selector

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

jQuery docs https://api.jquery.com/visible-selector/

相关问题