/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

7 votes324 views2 answers
Radio button onchange jquery
Javascript jQuery
0 vote335 views1 answer
Jquery autocomplete set suggestion length
Javascript jQuery
0 vote410 views2 answers
Jquery nested ul li
Javascript jQuery
0 vote329 views1 answer
Jquery once
Javascript jQuery
2 votes290 views2 answers
Add readonly attribute jquery
Javascript jQuery
1 vote280 views1 answer
Jquery string to array
Javascript jQuery
0 vote355 views1 answer
Jquery window new tab with post
Javascript jQuery
0 vote346 views1 answer
Span element converink href="plugins/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" /> ter
Javascript jQuery
0 vote353 views1 answer
Remove required attribute jquery mvc
Javascript jQuery
0 vote327 views1 answer
Jquery dynamic row number not working properly
Javascript jQuery