jquery - jQuery将href匹配到变量并添加类

Question

我的网址中有一个哈希值，例如http://domain.com/#http://google.com

这是由收集的var urlfromhash = window.location.hash.substr(1);

我一直试图在我的列表中突出显示href匹配项的链接urlfromhash

$('.col-left a').addClass('highlight');

我发现的一切似乎都在说明.each()，但似乎比我在这里需要的要多。

Answer 1

您可以像这样使用 CSS 属性选择器：

$('a[href^="'+urlfromhash+'"]').addClass('highlight');

一个 a 元素，其 "href" 属性值正好以字符串 "urlfromash" 开头

jsfiddle上的示例

还可以查看有关选择器的W3C 文档。

Answer 2

使用attribute-equals选择器：

$('.col-left a[href="' + urlfromhash + '"]').addClass('highlight');

Answer 3

我想您希望选择一个带有与变量值匹配的 href 值的“a”元素。在这种情况下。

$('.col-left a[href="' + urlfromhash + '"]').addClass('highlight');

将所有 a 与具有与变量完全相同的值的 href 匹配

这适用于任何属性，因此也可以用来表示 select on ref。在一般用法中，它不必是显式匹配（在你的情况下它当然是）。