javascript - 如何获取小写的 jQuery attr 选择器

Question

如何使 jQuery attr 选择器变成小写，下面是我的代码，它引发错误(因为 href.toLowerCase)，正确的方法是什么，TIA。

 var url = window.location.href; 
     $("ul.menu-content li a[href.toLowerCase()='" + url.toLowerCase() + "']).each(function () {
     code....
     });

Answer 1

您必须事后进行过滤，您不能在选择器中执行此操作:

var url = window.location.href.toLowerCase();
$("ul.menu-content li a[href]").filter(function() {
    return this.href.toLowerCase() == url;
}).each(function() {
    // ...
});

请注意，我使用了 href property，而不是属性，因为您正在与 window.location.href 进行比较，并且可能想要测试已解析 URL，而不是href 属性中可能相关的URL。

注意:如果您是在 2019 年或之后阅读本文，或者您只需要支持 Chrome 和 Firefox，请参阅 Zenoo's answer :CSS 正在获得一个不区分大小写的标志。