jQueryを使用してテーブルで大文字と小文字を区別するライブ検索

Question

jQueryを使用してテーブルでライブ検索を行っています。それは本当にうまく動作しますが、jimはJimと同じものを表示しないので、大文字と小文字は区別されません。

デモ：http://jsfiddle.net/qxks62x9/

$("#search").on("keyup", function() { 
 
    var value = $(this).val(); 
 

 
    $("table tr").each(function(index) { 
 
     if (index !== 0) { 
 

 
      $row = $(this); 
 

 
      var id = $.map($row.find('td'), function(element) { 
 
    return $(element).text() 
 
}).join(' '); 
 

 
      
 
       
 

 
\t \t \t \t \t \t 
 
      if (id.indexOf(value) <0) { 
 
       $row.hide(); 
 
      } 
 
      else { 
 
       $row.show(); 
 
      } 
 
     } 
 
    }); 
 
});

table, tr, td, th{ 
 
    border: 1px solid blue; 
 
    padding: 2px; 
 
} 
 

 
table th{ 
 
    background-color: #999999; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
<tr><th>Forename</th><th>Surname</th><th>Extension</th></tr> 
 
<tr><td>Jim</td><td>Carey</td><td>1945</td></tr> 
 
<tr><td>Michael</td><td>Johnson</td><td>1946</td></tr> 
 
</table> 
 
<br /> 
 
<input type="text" id="search" placeholder=" live search"></input>

Answer 1

あなただけの両方の文字列を小文字にすることができます。

フィドル：https://jsfiddle.net/maq2xmrv/

• (id.toLowerCase().indexOf(value.toLowerCase()) < 0)