Поиск только из таблицы td, а не из заголовка (th) ⇐ Jquery

[Anonymous]

Я могу выполнять поиск по всей таблице с помощью jQuery и показывать только tr, которые соответствуют результату поиска, и это создает заголовок (

Код: Выделить всё

th) исчез. Но я хочу, чтобы поиск осуществлялся только по содержимому таблицы. (Заголовок и контент, соответствующий показу)




var $rows = $('#tableAll tr');
$('#search').keyup(function() {
var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();

$rows.show().filter(function() {
var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
return !~text.indexOf(val);
}).hide();
});

Код: Выделить всё

td{border: 1px solid black}

Код: Выделить всё

Fruit name
Color
Notes


Apple
Green
Delicious


Grapes
Green


Orange
Orange

Вы также можете нажать здесь, чтобы закодировать его в jsfiddle

Подробнее здесь: https://stackoverflow.com/questions/495 ... -header-th