动态表文本搜索

时间:2012-02-20 20:39:34

标签: jquery html

我正在尝试根据搜索框动态过滤表格单元格内容。

我有一个有几个[3个单元格]行的表。每个单元格都是独立的,每个单元格中都有一个用户名。

除了符合搜索条件的单元格之外,我希望所有单元格都消失。

我已经看过这里但没有运气(这会使整行消失,而不是单个单元格):

http://www.marceble.com/2010/02/simple-jquery-table-row-filter/

任何帮助表示赞赏!感谢

1 个答案:

答案 0 :(得分:0)

如果你在你提到的网站上提取代码怎么办:

//hide all the rows
$("#fbody").find("tr").hide();
//split the current value of searchInput
var data = this.value.split(" ");
//create a jquery object of the rows
var jo = $("#fbody").find("tr");

//hide all the rows
$("#fbody").find("td").hide();
//split the current value of searchInput
var data = this.value.split(" ");
//create a jquery object of the rows
var jo = $("#fbody").find("td");

这会隐藏TD而不是TR。但它可能会使格式化时髦,我会先测试它。