Question

我正在为Link Highlighting寻找纯粹的Javascript / JQuery解决方案。它会以这样的方式突出显示链接：如果您与导航链接位于同一页面上，它将在其他链接中脱颖而出。 Javascript解决方案超过css的原因是由于通过使用繁重的Javascript / JQuery代码制作网页的实验。我不打算将其集成或添加到我正在编写的任何网站/代码中。我只希望得到适当的例子来进一步了解Javascript / JQuery并消除我的好奇心。

“示例3”页面上的导航栏的小示例。

http://jsfiddle.net/hPhzB/

HTML

 <nav>
    <a href="#">Example 1</a>
    <a href="#">Example 2</a>
    <a href="#">Example 3</a>
    <a href="#">Example 4</a>
    <a href="#">Example 5</a>
</nav>

短篇小说： 使用javascript制作导航系统

可以找出它所在的页面
将该页面链接到导航链接
链接的风格让它脱颖而出

Answer 1

<ul>
  <li id="m1">menu1</li>
  <li id="m2">menu2</li>
  <li id="m3">menu3</li>
</ul>

首先，不要使用js来完成你可以用css做的事情。 css比js便宜得多。但如果你真的想用js做这个，你可以用js设置css。

$('#m2').css('background-color','blue');

但同样，这不是优雅的做法。这让我很不高兴。

Answer 2

您可以在页面（或正文元素）的内容容器类中使用正则表达式。

结帐：http://fiddle.jshell.net/UeNdJ/

使用Javascript / JQuery链接突出显示

2 个答案: