如何使用搜索选项对表td值求和

时间:2019-03-10 09:22:10

标签: javascript html

我现在需要根据代码计算行的总数来立即计算行的总值,有时甚至在结果中,它显示了额外的1行,您可以尝试搜索(a)您将看到的行。

$(document).ready(function(){
    $("#filter").keyup(function(){
        var filter = $(this).val(), count = 0;
  
        $("tbody tr").each(function(){
 
            if ($(this).text().search(new RegExp(filter, "i")) < 0) {
                $(this).fadeOut();
           
            } else {
                $(this).show();
                count++;
            }
        });
        
        var numberItems = count;
        $("#filter-count").text("NUMBER OF ROW FOUND = "+count);
    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<form id="live-search" action="" class="styled" method="post">
<fieldset>
<input type="text" class="text-input" id="filter" value="" placeholder="Search" />
</fieldset>
</form>
<div id="filter-count"></div>
<table>
    <th>Name</th>
    <th>Amount</th>
    <tr><td>a</td><td>250</td></tr>
    <tr><td>a</td><td>250</td></tr>
    <tr><td>b</td><td>250</td></tr>
    <tr><td>b</td><td>250</td></tr>
    <tr><td>c</td><td>250</td></tr>
    <tr><td>c</td><td>250</td></tr>
</table>

0 个答案:

没有答案