筛选表行不起作用
filter table rows not working
我有一个html表,我试图通过保留所写文本上匹配的行来进行筛选。但无论我在文本框中写什么,第一行总是被删除。。
JS:
$("#searchInput").keyup(function () {
//split the current value of searchInput
var data = this.value.split(" ");
//create a jquery object of the rows
var jo = $("#fbody").find("tr");
if (this.value == "") {
jo.show();
return;
}
//hide all the rows
jo.hide();
//Recusively filter the jquery object to get results.
jo.filter(function (i, v) {
var $t = $(this);
for (var d = 0; d < data.length; ++d) {
if ($t.is(":contains('" + data[d] + "')")) {
return true;
}
}
return false;
})
//show the rows that match.
.show();
}).focus(function () {
this.value = "";
$(this).css({
"color": "black"
});
$(this).unbind('focus');
}).css({
"color": "#C0C0C0"
});
表:
<input id="searchInput" value="Type To Filter">
<br/>
<table class="mGrid" id="table">
<tr>
<th>
COLUMN1
</th>
<th>
COLUMN2
</th>
<th>
COLUMN3
</th>
</tr>
<tbody ID="fbody">
<tr>
<td>
NAME1
</td>
<td>
3
</td>
<td>
HOUSE
</td>
</tr>
<tr>
<td>
NAME2
</td>
<td>
5
</td>
<td>
LAKE
</td>
</tr>
<tr>
<td>
NAME3
</td>
<td>
7
</td>
<td>
DOG
</td>
</tr>
<tr>
<td>
NAME555
</td>
<td>
1337
</td>
<td>
CAT
</td>
</tr>
</tbody>
</table>
http://jsfiddle.net/ukW2C/1350/
HTML出现问题。我有多个身份证。查询现在已更新并正在工作
相关文章:
- 在筛选网格期间,网格负载掩码不起作用
- jQuery dataTables基于类型的列筛选不起作用?Img alt过滤器/排序
- 刷新页面后筛选器不起作用
- JQuery多属性筛选器不起作用
- 筛选器's的第二个参数不起作用
- 控制器中的筛选列表没有'不起作用
- 个别列筛选器在Datatable中不起作用
- Videogular-hh:mm:ss格式的日期筛选器不起作用
- Onresize函数在价格筛选滑块中不起作用
- 剑道 UI 网格筛选器在之前打开弹出窗口时不起作用
- 基于从下拉列表中选择的值的筛选列表不起作用
- 搜索筛选器不起作用.角度Js
- Knockout+DataTables筛选;不起作用
- Backgrid筛选器在主干应用程序中不起作用
- 包含下拉选择(在正文中,而不是标题或筛选器中)的表分类器在IE中不起作用
- 使用complexQuery的Dojo DataGrid筛选不起作用
- 筛选表行不起作用
- wsapi存储的筛选器函数在Rally SDK中不起作用
- ng表编号范围筛选器不起作用
- 筛选复选框以显示其类;不起作用