Javascript живой поиск/фильтр по таблице

Jul 24, 2019 in JS, Фронтенд

Содержание

Админу на хлеб с маслом - 50 руб.

DEMO



Фамилия Телефон
Иванов 511246
Петров 411751
Сидоров 611951
Медведев 112781
Николаев 332781
Алексеев 671951

HTML



Фамилия Телефон

JS


function tableSearch() {
    var phrase = document.getElementById('search-text');
    var table = document.getElementById('info-table');
    var regPhrase = new RegExp(phrase.value, 'i');
    var flag = false;
    for (var i = 1; i < table.rows.length; i++) {
        flag = false;
        for (var j = table.rows[i].cells.length - 1; j >= 0; j--) {
            flag = regPhrase.test(table.rows[i].cells[j].innerHTML);
            if (flag) break;
        }
        if (flag) {
            table.rows[i].style.display = "";
        } else {
            table.rows[i].style.display = "none";
        }

    }
}