JavaScript

検索 リストのリアルタイム絞り込み

自分メモ用。

/*----------------------------------------
検索 リストの絞り込み
----------------------------------------*/
var searchtext1 = '#search-table-word';
var searcharea1 = $('#search-table');
$(document).on('input keyup blur', searchtext1 , function (e) {
    //検索ワード指定
    var search = $(searchtext1).val();
    searcharea1.find('.tr').hide().each(function () {
        var tr = $(this);
        $(this).find('.td').each(function () {
            if ($(this).text().match(search)) {
                tr.show();
            }
        })
    });
});