jquery - 使用 jQuery 跨 'select' 进行简单模式搜索

Question

我需要通过单选在选择框中进行简单搜索。主要思想是选择与简单模式匹配的第一个选项元素。

简单模式:它可以包含 * 或 ? 占位符，表示任何符号。

我如何使用 jQuery 制作这个脚本？使用正则表达式？

提前致谢。

Answer 1

如果你用this little snippet扩展你的jQuery :

jQuery.expr[':'].regex = function(elem, index, match) {
    var matchParams = match[3].split(','),
        validLabels = /^(data|css):/,
        attr = {
            method: matchParams[0].match(validLabels) ? 
                        matchParams[0].split(':')[0] : 'attr',
            property: matchParams.shift().replace(validLabels,'')
        },
        regexFlags = 'ig',
        regex = new RegExp(matchParams.join('').replace(/^\s+|\s+$/g,''), regexFlags);
    return regex.test(jQuery(elem)[attr.method](attr.property));
}

..您可以使用这样的选择器:

# to match child elements of #container which have their
# value attribute in the form of /.*names?/
$("#container option:regex(value, .*names?)")