/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 vote112 views1 answer
Jquery match height,jquery matchheight
Javascript jQuery
2 votes108 views2 answers
Wordpress add jquery script
Javascript jQuery
0 vote124 views1 answer
Jquery set multiple attribute value
Javascript jQuery
12 votes114 views3 answers
Jquery check if screen size
Javascript jQuery
12 votes107 views5 answers
JQuery click outside
Javascript jQuery
1 vote111 views2 answers
Jquery show hide based on data attribute
Javascript jQuery
61 votes110 views4 answers
Jquery redirect
Javascript jQuery
42 votes109 views3 answers
Jquery get text of input
Javascript jQuery
9 votes64 views2 answers
Check if jquery is loaded
Javascript jQuery
0 vote107 views1 answer
Pop up notification using jquery
Javascript jQuery