Suche nur in der td-Tabelle, nicht im Header (th) ⇐ Jquery

[Anonymous]

Ich kann mit jQuery in der gesamten Tabelle suchen und nur tr anzeigen, die mit der Suche übereinstimmen, und es wird ein Header erstellt (

Code: Select all

th

) weg. Aber ich möchte, dass nur nach Tabelleninhalten gesucht wird. (Header bleibt und Inhalte, die übereinstimmen, werden angezeigt)

Code: Select all

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();
});

Code: Select all

td{border: 1px solid black}

Code: Select all

Fruit name
Color
Notes


Apple
Green
Delicious


Grapes
Green


Orange
Orange

Sie können auch hier klicken, um es in jsfiddle zu codieren