jquery - 增量正则表达式过滤器

Question

我有一长串<a>标签，我想实时过滤它们；即删除不匹配的。我会根据输入字段中的文本输入来过滤它们。正则表达式显然会搜索 a 标签内容以查找与输入字段的匹配，但我想知道如何使其更漂亮，并像谷歌的搜索栏现在那样主动过滤列表。我想，按键功能会触发正则表达式功能。

我不知道该怎么做的部分是:

[input field]ArI[/]

列表:

• ArIes
• ArIstotle

即如何让它检查列表项的第n个字母。

编辑

这是我到目前为止所拥有的，但它不起作用。

$("input.CardName_Input").keyup(function() {
    var getPhrase = $(".CardName_Input").val();

    new RegExp('^' + getPhrase + '.', 'i');

    $("#Results a").each(function() {
        if (!($(this).val().match(RegExp))) {
            $(this).addClass("HIDE");
        }
    })
});

Answer 1

据我了解，您只需检查每个列表项字符串的开头？

那么你可以使用类似 /^Ar./i 作为表达式吗？

在您的情况下，您可以动态构建 RegExp new RegExp('^' + searchString + '.', 'i')