/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

0 vote218 views1 answer
Filtering jquery
Javascript jQuery
41 votes203 views6 answers
Set checkbox checked jquery
Javascript jQuery
59 votes210 views1 answer
Jquery w3school
Javascript jQuery
18 votes223 views3 answers
Jquery ajax form submission
Javascript jQuery
1 vote228 views1 answer
Jquery select input with class
Javascript jQuery
20 votes228 views5 answers
Enable button jquery
Javascript jQuery
1 vote236 views1 answer
Jquery on change on multiple elements
Javascript jQuery
2 votes225 views2 answers
Best way to detect mobile device jquery
Javascript jQuery
0 vote244 views1 answer
Set value of attribute using each and keyup jquery
Javascript jQuery
5 votes216 views6 answers
Jquery remove style
Javascript jQuery