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');

  

一个元素，其“href”属性值完全以字符串“urlfromash”

开头

jsfiddle

上的示例

另请查看有关选择器的W3C Documentation。

Answer 2

使用attribute-equals选择器：

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

Answer 3

我想您希望选择一个href值与变量值匹配的'a'元素。在那种情况下。

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

将匹配所有a与具有与变量

完全相同的值的href

这适用于任何属性，因此也可用于说ref上的选择。在一般用法中，它不一定是明确的匹配（在你的情况下它当然是这样）。