我有一个 page header.html,我将其用作每个网页的标题。我的标题中有菜单项。我想使用 javascript/jquery 动态突出显示当前网页菜单。谁能帮帮我吗?
HTML:
<ul class="navigation">
<li class="highlight"><a href="index.html" class="highlight">Home</a></li>
<li><a href="subnet.html">IP Discovery and Password Management</a></li>
<li><a href="test_management.html">Test Management</a></li>
<li><a href="test_dut.cgi">DUT Management</a></li>
<li><a href="test_execmain.cgi">Test Execution</a></li>
<li><a href="result.cgi">Results</a></li>
</ul>
最佳答案
首先使用window.location
和正则表达式找到页面
jQuery(function($){
var page = window.location.href.match(/[^/]+$/)[0];
$('.navigation li a[href="' + page + '"]').parent().addBack().addClass('highlight')
})
关于javascript - 如何在每个页面上动态突出显示菜单项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21673677/