jquery 正则表达式选择器

Question

我想选择一些名称以 btn (btn1, btn2..) 开头的 html 元素，

的最有效的方法是什么

我尝试 http://james.padolsey.com/javascript/regex-selector-for-jquery/ 但无法使其工作

$(':regex(class,btn[0-9]').hover( function(){

// not selecting any "btn" class

}

Answer 1

如果您想要选择具有以 btn 开头的 class 属性的所有元素：

$( '[class^=btn]' )

如果您想使用 name 属性，只需交换属性：

$( '[name^=btn]' )

使用属性值starts-with选择器：http://api.jquery.com/attribute-starts-with-selector/

Answer 2

您正在做的是选择 btnX 类的所有元素，其中 X 可以是 0-9。

要使用以“btn”开头的名称属性执行此操作，您需要使用：

$(':regex(name,^btn)').hover(function() { ... }, function() { ... });

-- 编辑以包含 工作 jsFiddle 演示 -

另外，不要忘记将其放在您的页面上：

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));
}

Answer 3

我怀疑正则表达式是最有效的方法，但是您是否将正则表达式选择器添加到代码中？ :regex 不是内置选择器，因此您需要在脚本中包含文章顶部的代码片段。