検索機能のスクリプトが動作しない

Question

連絡先のテーブルに検索機能を実装しようとしていますが、スクリプトが機能していません。

$(document).ready(function(){ 
"use strict"; 
    $("#myInput").on("keyup",function(){ 
    var value = $(this).val().toLocaleLowerCase(); 
    $("myTable tr").filter(function(){ 
     $(this).toggle($(this).text().toLocaleLowerCase().indexOf(value) > -1) 
    }); 
    }); 
}) ; 

-

<link rel="stylesheet" href="contactsstyle.css"> 
<script src="contacts_script.js"></script> 
<script src="search_script.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>` 
<div id="mySidenav" class="sidenav"> 
    <a href="javascript:void(0)" class="closebtn" onClick="closeNav()">&times;</a> 
    <a href="contact_department.html">Contact by Department</a> 
    <a href="contact_administrator.html">Contact by Administrator</a> 
</div>` 

<div id="main"> 
    <span style="font-size: 30px; cursor:pointer" onClick="openNav()">&#9776;open</span> 
</div> 

<input id="myInput" type="text" placeholder="Search..."> 
<br><br> 

<tbody id="myTable"> 
    <tr>` 
    <td><img src="img/(4x5)-female-placeholder.jpg" width="80" height="100" alt="" /></td> 
    <td>Jane Doe</td>` 

    <td>Test</td> 
    <td>jane.doe@test.com</td>` 
    <td>000-000-0000</td> 
    </tr>` 

</tbody> 
</table> 

Answer 1

あなたは、コードがどうあるべき$("myTable tr")

ためにアンパサンド#を逃した：

$(document).ready(function(){ 
    "use strict"; 
     $("#myInput").on("keyup",function(){ 
     var value = $(this).val().toLocaleLowerCase(); 
     $("#myTable tr").filter(function(){ 
      $(this).toggle($(this).text().toLocaleLowerCase().indexOf(value) > -1) 
     }); 
     }); 
    }) ; 

ハッピーニューイヤー！