我现在需要根据代码计算行的总数来立即计算行的总值,有时甚至在结果中,它显示了额外的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>