/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 vote201 views1 answer
Change abclground onload jquery
Javascript jQuery
0 vote200 views1 answer
Buscar valor maximo y mínimo array jquery
Javascript jQuery
2 votes198 views2 answers
Get value of span jquery
Javascript jQuery
2 votes221 views2 answers
Toggle class javascript and jquery
Javascript jQuery
0 vote196 views1 answer
How to find for lable in jquery
Javascript jQuery
10 votes206 views3 answers
Js import jquery
Javascript jQuery
0 vote175 views2 answers
Jquery preload images
Javascript jQuery
0 vote201 views1 answer
Schalte das jQuery Migrate Script ab
Javascript jQuery
61 votes184 views2 answers
Jquery script tag source google
Javascript jQuery
100 votes221 views6 answers
Jquery check if checkbox is not checked
Javascript jQuery