javascript - 从 Javascript 单词开头动态搜索

Question

我有一个项目列表，我正在尝试使用以下函数通过输入来过滤这些项目。它已经可以工作了，但我正在尝试修改它。

<script type="text/javascript">

$(function() {
var $result = $(".whoSr");

$("#whossearch").keyup(function() {
    var val = $.trim(this.value).toUpperCase();
    if (val === "")
        $result.show();
    else {
        $result.hide();
        $result.filter(function() {
            return -1 != $(this).text().toUpperCase().indexOf(val);
        }).show();
    }
});
});

</script>

<input id="whossearch" type="text" />

<a href="#" class="whoSr">Ketchup</a>

<a href="#" class="whoSr">Hummingbirds</a>

这是我在此处找到的函数的修改版本。但我试图让它只从单词的开头进行搜索。例如:我有番茄酱和蜂鸟这两个词。如果我现在搜索“hu”，它将返回这两个词，因为“hu”都在其中。但我只想让它从单词的开头按顺序搜索。

也许整个方法应该被废弃以用于其他目的......

Answer 1

return -1 != $(this).text().toUpperCase().indexOf(val);

将其更改为

return 0 === $(this).text().toUpperCase().indexOf(val);