Aufgabenstellung:
Nur die Zeilen einer Tabelle werden angezeigt, die zum Suchbegriff in einem Suchfeld passen. Praxisbeispiel

Lösung:
jQuery

Details:

1. HTML-Suchtext:
<div id=“display_no_of_found_divs“>Anzahl Suchtreffer</div>
<div class=“ort1″>zu durchsuchender Text1: Rosenheim</div>
<div class=“ort2″>zu durchsuchender Text2: Ingolstadt</div>
<div class=“ort3″>zu durchsuchender Text3: München</div>

2. Javascript-Suchfunktion:
„searchtxt“ ist der Suchbegriff, den man der Funktion searchDisplayer übergibt:

function searchDisplayer(searchtxt) {
// hide all divs, afterwards show found divs
$(„div[id*=’ort‘]“).hide();

// show found lines
var selectorSearchDivs = $(„div[id*=’ort‘]:contains(‚“+searchtxt+“‚)“);

// get no of found lines
var noOfLine = selectorSearchDivs.size();
$(„div[id=’display_no_of_found_divs‘]“).text(noOfLine+‘ Zeilen gefunden‘);

// show found lines
selectorSearchDivs.show();

}