CSS/JQuery - Filtrage des lignes de la table et inversion de la sélection

Question

J'ai une table avec un certain nombre de lignes, je veux ensuite mettre en surbrillance les lignes qui contiennent la valeur x, puis inverser la sélection. Jusqu'à présent, je suis capable de sélectionner les lignes qui contiennent la valeur du filtre, mais l'inverse me cause des problèmes.

D'abord, je suis en sélectionnant les lignes qui correspondent à la valeur de ma recherche et ajoutez un nom de classe:

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

Je suis en train d'ajouter un nom de classe qui ne possède pas le nom de la classe « filtrée », ce est la ligne que je ne peux pas obtenir droit:

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

La classe cachée se termine sur toutes les lignes.
Vous avez des idées?

Merci,
Martin

Answer 1

Je l'ai essayé: http://jsfiddle.net/eYRWj/ il ne fonctionne pas. Cela fonctionne comme prévu.

Essayez console.log(rows) (avec Firebug installé et sa console activée), pour voir si elles sont vraiment marquées comme .filtered, c'est-à-dire si la recherche a réussi.

Answer 2

essai avec des guillemets doubles comme ceci: $('#table tbody tr:not(".filtered")').addClass('hidden');