Mehrere Variablen bündeln

[borisbaer]

Hallo Rolf,
ich habe es jetzt so umgesetzt, wie du vorgeschlagen hast! Danke!

function filterTable( event ) {

    const filter = event.target.value.toUpperCase();
    const table = event.target.closest( 'table' );
    const rows = table.querySelector( 'tbody' ).rows;

    for ( let row of rows ) {

        row.style.display = Array.from( row.cells )
            .slice( 0, 5 )
            .some( cell => cell.textContent.toUpperCase().indexOf( filter ) >= 0 )
            ? '' : 'none';

    }

}

Ansonsten ist aber auch gut zu wissen, wie man eine HTMLCollection in ein Array umwandeln kann. 🙂 Ich habe mich jetzt doch hier für style.display entschieden, weil ich möchte, dass manche Zeilen auch bei der Suche versteckt bleiben. Die würden sonst ebenfalls angezeigt werden. Ich habe für die Zeilen, nach denen man nicht suchen kann [hidden] { display: none !important; } definiert und für die Suche dann halt ohne das !important.

Grüße
Boris