javascript - 自动完成(自动过滤?),使用 jQuery 委托(delegate)

标签 javascript jquery autocomplete

$('#container form').delegate('#addSearch', 'keyup', function(e) { 
        var tmpVAL = $('#addSearch').val();
        $('.w').each(function() {
            var tmpHTML = $(this).html();
            if (tmpHTML == tmpVAL) {
                $(this).fadeIn(250);
            } else if (tmpVAL.length < 1) {
                $(this).fadeIn(250);
            } else {
                $(this).fadeOut(250);
            }
        });
    });

#addSearch<input type="text"> .

所以,我的问题是;显然,这只会返回与 tmpVAL 完全匹配的结果。 - 我怎样才能允许每个字母都会改变搜索结果。

例如

我输入N
它提出了 No, Not, Nothing, Nothingness

我输入NOT
它提出了 Not, Nothing, Nothingness

任何帮助将不胜感激,我想这将是正则表达式?

最佳答案

$(function() {
    $('#container form').delegate('#addSearch', 'keyup', function(e) {
        var tmpVAL = $('#addSearch').val();
        $('.w').each(function() {
            var tmpHTML = $(this).text();
            var subSection = tmpHTML.substring(tmpVAL.length, 0);
            if (subSection == tmpVAL && tmpVAL != '' ) {
                $(this).show();
            } else {
                $(this).hide();
            }
        });
    });
});

关于javascript - 自动完成(自动过滤?),使用 jQuery 委托(delegate),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5020940/

相关文章:

javascript - 下一条语句不执行 - jQuery

javascript - 扩展Dialog时"this.domNode is null"

jquery - 将 mysql 日期转换为 datetimepicker

android - Autocompletetextview 和 SimpleCursorAdapter 的问题

macos - 如何让 Bash 的选项卡完成自动循环通过选项 OSX

javascript - 如何从 Axios 中的 HTTP 错误获取状态码?

javascript - 通过 React Native 中的 fetch 从请求 api 获取状态和数据

jquery - 翻转文本未显示在所有元素中

javascript - 需要 "add to cart"按钮价格以根据选中的复选框更新正确的金额

reactjs - Material UI - 自动完成样式