带有“OR”的 jQuery 属性选择器运营商可能吗？

Question

是否可以使用“OR”运算符或类似运算符重写以下选择器？

$("a[href$='avi'], a[href$='mov'], a[href$='mp4'], a[href$='m4v']")

理想的情况是这样的：

$("a[href$='avi|mov|mp4|m4v']") // incorrect

让我的键盘多走几英里。我有一个测试小提琴。

Answer 1

不，CSS 没有这个（它位于属性选择器 区域）jQuery 也不会添加它（请参阅 “属性结尾为”文档）。

当然，如果您不介意无法匹配 | 字符，您可以给自己一个实用函数来执行此操作，模糊如下所示：

(function($) {
    $.attrEndsWith = attrEndsWith;
    function attrEndsWith(tag, attr, list) {
        return $(tag + "[" + attr + "$='" + list.split("|").join("'], " + tag + "[" + attr + "$='") + "']");
    }
})(jQuery);

并使用so：

$.attrEndsWith("a", "href", "avi|mov|mp4|m4v");

这还没有经过测试，但你明白了。

Answer 2

您可以通过使用 James Padolseys jQuery 的正则表达式选择器 扩展 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));
}

$("a[href$='avi'], a[href$='mov'], a[href$='mp4'], a[href$='m4v']")
    .addClass("select");


$('a:regex(href,avi|mov|mp4|m4v)').addClass("betterSelect"); 

Answer 3

$("a").filter(function(){ return /(avi|mov|mp4|m4v)$/i.test($(this).attr('href')); }).addClass('betterSelect');

这并不是您正在寻找的答案，但也许会有所帮助。