jQuery 属性选择器 : [x=y] or [x=z]

Question

我有以下 jQuery 选择器:

$("a[href^='http://'],a[href^='https://']");

是否可以更改此设置，以便我不需要指定 a[href^= 两次？

例如，类似:

$("a[href^='http://'||'https://']");

<小时/>

编辑:我的 http 和 https 示例不应按字面意思理解。我可能会寻找以 y 和 z 开头的值。

Answer 1

如果您愿意使用第二个函数调用，则非常简单:

$('a').filter('[href^="http://"],[href^="https://"]');

或者使用 token :

var startsWith = ['http://', 'https://'];
$('a').filter(function () {
    var i;
    for (i = 0; i < startsWith.length; i++) {
        if ($(this).is('[href^="' + startsWith[i] + '"]')) {
            return true;
        }
    }
    return false;
});

或者使用自定义表达式:

$.expr[':']​​​​​​.hrefStartsWith = function (ele, i, info) {
    var tokens;
    tokens = info[3].split(',');
    for (i = 0; i < tokens.length; i++) {
        if ($(ele).is('[href^="' + tokens[i] + '"]')) {
            return true;
        }
    }
    return false;
};

将用作:

$('a:hrefStartsWith(http://,https://)')