jquery - 简单的jquery代码不起作用

Question

以下代码有什么问题，它应该找到我在黄色搜索框中输入的内容。它不起作用，我已经包含了 jquery 和 html 代码。它们不在我的编辑器的同一页面中，jquery 在一个名为 js/ext.js 的文件中

$(document).ready(function(){
    $('search_name').keyup(function(){
        search_name = $(this).val();


        $('names li').removeClass('highlight');

        if(jQuery.trim(search_name) != ""){
          $("#names li:contains('"+ search_name +"')").addClass('highlight');

        }

     });
});

<p><input id="search_name" type="text"/></p>
<ul id="names">
    <li>Alex Garrett</li>
    <li>Billy Garrett</li>
    <li>Dale Garrett</li>
    <li>Ashley Garrett</li>
</ul>

Answer 1

您需要输入$('#search_name')而不是$('search_name')按 ID 选择。

实际上同样的问题$('names li')！

Answer 2

jquery中的ID总是以“#”开头

$('#search_name').keyup(function() {

...
$('#names li').removeClass('highlight');