jQuery：查找特定的 HREF 链接

Question

基本上，这个想法是找出文档的当前位置并更改要更改的链接（导航手风琴）的类。到目前为止，如果 pageURL （变量）是实际链接，但我不想创建可能链接的完整列表，因此 $(location).att('href'); 可以在下面使用它；

$(document).ready(function() {
    var pageURL = $(location).attr('href');
    $('a[href=pageURL]').attr('class', 'active');
});

任何人的任何帮助将不胜感激

提前致谢

Answer 1

您需要将变量连接到选择器字符串中。

$('a[href=' + pageURL + ']').attr('class', 'active'); });

按照您的方式，“pageURL”只是选择器的一部分，因此 jQuery 正在寻找带有“pageURL”作为 href 属性的 元素。

另外，我不知道 location 变量代表什么，但如果您正在查找当前窗口位置，则需要采用不同的方法。

Answer 2

通过编写 'a[href=pageURL]'，您将搜索 a 元素，其 href 属性等于文字 pageURL< /code>，不是变量的内容。
相反，您需要将变量的内容连接到选择器字符串中。

例如：

$('a[href*="' + location.pathname + '"]').attr('class', 'active');

使用 jQuery 访问 location.href 是没有意义的。
即使链接不包含域名，编写 location.pathname 也会使其正常工作。
使用 [href*=...] 选择器匹配具有 href 的元素包含字符串的属性。

Answer 3

正确的语法是：

$('a[href=' + pageURL + ']').attr('class', 'active'); });