javascript – 使用完全限定的URL在Sizzle中选择元素的方法

2019-06-30 09:21:36 阅读：150 来源： 互联网

标签：jquery javascript jquery-selectors sizzle

在最近处理脚本时,我遇到了how Sizzle works与the href attribute的特殊细微差别.具体来说,在href上使用属性选择器,Sizzle将使用实际的属性值：

// Will not find <a href="index.html">...
$('a[href="http://www.example.com/index.html"]')

Sizzle使用.getAttribute()而不是elem.href(或者更准确地说,是elem [‘href’],如Sizzle does in most cases); elem.href将提供完全限定的URL.

为了更多地理解这一点,我创建了一个小提琴到try different forms of URLs.在测试过程中,我发现了setting the href equal to itself的(显而易见的)“解决方案”：

$('a').each(function(){
    this.href = this.href;
});

毫不奇怪,更新元素以反映this.href提供的完全限定的URL.还有其他方法我发现工作(任何更新元素的href属性),但他们只是将上述方法移植到其他形式,或涉及像.filter() (demo)：

var matches = $('a').filter(function(){
    var window_location = 'http://example.com/services.html';
    return window_location == this.href;
});

我之所以这么说是因为在选择之前做el.href = el.href是某种意义上的解决方法(我认为这不是一个很好的选择).例如,对一组元素运行检查以查找是否包含与当前URL(或其他URL)匹配的链接,如果可以,则更容易：

$links.not('[href="' + window.location.href + '"]')

有没有办法做到这一点,而不必诉诸“更新”属性,或编写额外的代码来管理支票？有没有一种方法我忽略了不涉及修改Sizzle的工作方式^？

^注意：与仅添加表达式相比,修改实际源代码将是一个(坏)想法：

$.extend($.expr[':'], {
    url: function(elem, i, match){
        return elem.href === match[3];
    }
});

var $matched = $('a:url(http://test.com/index.html)');

http://jsfiddle.net/yt2RU/

(另外,在Sizzle中是否存在其他具有类似非典型行为的属性？)

解决方法:

我相信我已经得到了这个问题的答案……

使用expression：

jQuery.extend(jQuery.expr[':'], {
    url: function(elem, i, match){
        return elem.href === match[3];
    }
});

var $matched = jQuery('a:url(http://test.com/index.html)');

http://jsfiddle.net/yt2RU/

或者,正如评论中指出的那样,可以使用$.filter()：

var $matched = $('a').filter(function(){
    if (this.href == 'http://test.com/index.html') {
        return true;
    }
    return false;
});

http://jsfiddle.net/dMuyj/

如果querySelector()和querySelectorAll()本身不可用,那jQuery只能回到Sizzle,并且这两种工作与jQuery的选择器引擎相同(不足为奇).

总和是,如果您需要这种类型的选择器,您需要一个表达式或过滤器,并使用elem.href进行比较,而不是getAttribute().

标签：jquery,javascript,jquery-selectors,sizzle
来源： https://codeday.me/bug/20190630/1335150.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 使用完全限定的URL在Sizzle中选择元素的方法