javascript - 如何修改传递条件语句的对象

Question

我是 JS 和 jQuery 的新手，这是我的第一个问题，我希望我说清楚:

我有一个 <a> 的列表，并且我只想将样式应用于 href 的那个与 URL 相同。

我试图简化我的 html 以向您展示，如下所示:

<a href="/myWeb/001.html"></a>
<a href="/myWeb/002.html"></a>
<a href="/myWeb/003.html"></a>
<a href="/myWeb/004.html"></a>

然后，这就是我在脚本(使用 jQuery)上的开始:

var url = window.location.pathname;

if($('a').attr('href') === url){

  //and now I want to apply .css() only to the <a> that passes the condition

}

所以，我无法攻击正确的对象是令人沮丧的，我想这不仅仅是简单的:/，有什么提示吗？

谢谢。

Answer 1

如果你有 CSS 的力量，力量就在你身边。

只需选择那个a:

$("a[href="+url+"]")

这是使用 attribute selector 完成的来自 CSS。

然后继续施展你的 .css() 魔法:

$("a[href="+url+"]").css(/*whatever you desire*/);

这将适用于您在代码中显示的相对 URL。

为了使其对于像 //code.google.com/whatever/abc.html 这样的 URL 也是安全的，您需要传递用单引号括起来的 URL:

$("a[href='"+url+"']")