jquery当前导航项目选择器

我无法弄清楚如何使用jQuery来设置当前导航项的样式。 我已经尝试了几个教程，但无济于事。 任何帮助，将不胜感激。 提前致谢。

 
 
Contact
 
Gallery
 
Pool Liners
 
Services
 
About
 
Home
 
 
 /** nav styling **/ // 

Answer 1

您可以使用属性等于选择器[name =“value”]来查找具有当前路径的导航项。

 $(document).ready(function () { var str = location.href.toLowerCase(); var item = $('#nav li a[href="' + str + '"]'); if(item.length){ $("li.current").removeClass("current"); item.parent().addClass("current"); } }) 

演示： 小提琴

Answer 2

我想到了！！ 感谢您的帮助Will.i.am和Arun.p. 下面的代码行是在给每个页面提供正文ID后我需要的全部内容。

  /** nav selector **/ var bodyid = $('body').attr('id'); $('#main_nav ul li a.'+ bodyid).addClass('current');