jquery :contains case-Insensitive

example of case insensitive contains

by Bipen Chhetri

HTML

Type Something: <input id="textBoxID" />
<table id="table" border=1>
  <tr style="display:table-row">
        
        <th class="Name">NAME</th>
        <th class="Score">SCORE</th>
        <th class="Email">EMAIL</th>
    </tr>
    <tr>
        <!--tabledata-->
       
        <td >jQuery</td>
        <td >39</td>
        <td >[email protected]</td>
        
    </tr>
     <tr>
       
        <td >Javascript</td>
        <td >34</td>
        <td >[email protected]</td>
       
    </tr>
</table>

JavaScript

$.extend($.expr[":"], {
"containsIN": function(elem, i, match, array) {
return (elem.textContent || elem.innerText || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
}
});

$('#textBoxID').keyup(function(){
      $('td').css("background-color",''); 
    var value= $(this).val();
     $('td:containsIN("'+value+'")').css("background-color",'red');
 });