JQuery按字符搜索字符串

希望你能帮忙

我试图根据输入字段的值创建一个“简单”的自动完成/标记建议类型的函数

示例：用户在输入字段中键入“hello world”，我要做的是在

上更改
匹配字符，因为它们是根据列表键入的（预先定义），因此列表可以是
或
等

问题。无需超出前2或3个字符，事实上，目前只需第一个字符即可-因此，在示例“hello world”中，列表可能包含“hello world，hi world，help world，a world，另一个world，因为world…”

因此，如果我在输入中键入h作为第一个字母，我将在
或
列表中看到-放置在输入字段之后，因此可以使用
。下一步（）
是“hello world，hi world，help world”

同样地，如果我输入a，我会看到“一个世界，另一个世界”。我希望清楚？问题。我找不到任何教程

提前感谢
jQuery UI自动完成小部件以一种健壮的方式支持自动完成。不过，您必须定义一个回调函数来进行过滤，这非常简单

如果单击上的“查看源代码”，它将显示如何使用Regexp和jQuery函数进行过滤

这应该让你开始；剩下的就是在
的子元素上从jQuery选择器构建该列表。
从头开始创建并不困难。以下是我几周前开始研究的部分解决方案，欢迎您使用：

标记：

<input type="text" />
<div id="results">
    <ul>
        <li>Cartman</li>
        <li>Snooker</li>
        <li>Star Wars</li>
        <li>Blue Velvet</li>  
    </ul>
</div>

$(document).ready(function() {
    $("#results").hide();
    $("input").keyup(function() {
        if (this.value.length) {
            var that = this;
            $("#results li").hide().filter(function() {
                return $(this).html().toLowerCase().indexOf(that.value.toLowerCase()) !== -1;
            }).show();
            $("#results").show();
        } else {
            $("#results").hide();
        }
    });
});



车夫
斯诺克
星球大战
蓝色天鹅绒

$（文档）.ready（函数（）{
$（“#结果”）.hide（）；
$（“输入”）.keyup（函数（）{
if（this.value.length）{
var=这个；
$（“#结果li”）.hide（）.filter（函数（））{
返回$（this.html（）.toLowerCase（）.indexOf（that.value.toLowerCase（））！=-1；
}).show（）；
$（“#结果”）.show（）；
}否则{
$（“#结果”）.hide（）；
}
});
});

jquery插件正是您想要的