JQuery contains selector

by dennisboys

HTML

<br />
Search: <input type="text" />

<hr />

<ul>
<li>Apple</li>
<li>Orange</li>
<li>Banana</li>
<li>Dennis</li>
</ul>

CSS

.hightlight{
background-color:orange;   
}

JavaScript

$(document).ready(function(){
    $('input').keyup(function(){
       
       $("ul li").removeClass('hightlight');
       
       var searchInput = $(this).val();
        
        if(searchInput !== ""){
           $("ul li:contains('" + searchInput + "')").addClass('hightlight');
        }
    
    });
});