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始终以＆＃34;＃＆＃34;

开头

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

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

简单的jquery代码不起作用

2 个答案: