/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

3 votes320 views2 answers
Jquery phone number mask
Javascript jQuery
0 vote390 views1 answer
Jquery set form target
Javascript jQuery
1 vote397 views1 answer
Jquery autofocus on click
Javascript jQuery
0 vote364 views1 answer
Change background color input jquery
Javascript jQuery
83 votes320 views6 answers
Jquery on click
Javascript jQuery
0 vote1.2K views1 answer
Notification like whatsapp in jquery
Javascript jQuery
15 votes317 views5 answers
Disable button click jquery
Javascript jQuery
20 votes355 views5 answers
Enable button jquery
Javascript jQuery
10 votes331 views4 answers
Jquery validate
Javascript jQuery
0 vote369 views1 answer
Jquery intermediate value eror
Javascript jQuery