/Javascript/jQuery/Serach for a keyword jquery

Serach for a keyword jquery

// Search functionality
function myFunction() {
    // Declare variables
    var input = document.getElementById('myInput'),
        filter = input.value,
        ul = document.getElementById('myUL'),
        lis = ul.getElementsByTagName('li'),
        searchTerms = filter.match(/[a-z]+/gi),
        re, index, li, a;
        
    if (searchTerms) {
        searchTerms = searchTerms.map(function(term) {
            return '(?=.*' + term + ')';
        });
        
        re = new RegExp(searchTerms.join(''), 'i');
    } else {
        re = /./;
    }

    // Loop through all list items, and hide those who don't match the search query
    for (index = 0; index < lis.length; index++) {
        li = lis[index];
        a = li.firstChild;

        if (re.test(a.innerHTML + ' ' + a.getAttribute('data-keywords'))) {
            li.style.display = '';
        } else {
            li.style.display = 'none';
        }
    }
}

Source: stackoverflow.com

Similar codes

33 votes179 views4 answers
Jquery addeventlistener
Javascript jQuery
0 vote194 views1 answer
Loop through checkboxes jquery
Javascript jQuery
2 votes188 views2 answers
How to set html label value in jquery
Javascript jQuery
0 vote181 views1 answer
Jquery deparam
Javascript jQuery
16 votes179 views5 answers
Jquery enable disable textbox
Javascript jQuery
131 votes258 views6 answers
Jquery doc ready
Javascript jQuery
11 votes199 views4 answers
Data-dismiss= modal in jquery
Javascript jQuery
10 votes191 views4 answers
Jquery select radio
Javascript jQuery
3 votes185 views2 answers
Jquery select from children
Javascript jQuery
1 vote206 views1 answer
Electron jquery
Javascript jQuery