CSS / JQuery - 过滤表行并反转选择

时间:2010-09-04 07:14:52

标签: jquery css jquery-selectors css-selectors

我有一个包含多行的表,然后我想突出显示包含值x的行,然后反转选择。

到目前为止,我能够选择包含过滤器值的行,但是反转它会给我带来问题。

首先,我选择与我的搜索值匹配的行并添加一个类名:

var rows = $("#table tbody tr td:nth-child(1):contains('" + searchValue + "')");
$(rows).parent().addClass('filtered');

然后我试图添加一个没有'过滤'类名的类名,这是我不能正确的行:

$('#table tbody tr:not(.filtered)').addClass('hidden');   

隐藏的类最终会出现在所有行上 有人有任何想法吗?

谢谢,
马丁

2 个答案:

答案 0 :(得分:1)

我试过了:http://jsfiddle.net/eYRWj/它没有。它按预期工作。

尝试console.log(rows)(已安装firebug并启用其控制台),看看它们是否真的标记为.filtered,即搜索是否成功。

答案 1 :(得分:0)

尝试使用双引号,如下所示: $('#table tbody tr:not(".filtered")').addClass('hidden');