我有一个主菜单:
<ul class="menu">
<li><a href="/"><span class="l"></span><span class="r"></span><span class="t">Home</span></a></li>
<li><a href="<%= Url.Action("Login", "User")%>"><span class="l"></span><span class="r"></span><span class="t">My Account</span></a></li>
<li><a href="#"><span class="l"></span><span class="r"></span><span class="t">Post Idea</span></a></li>
<li><a href="#"><span class="l"></span><span class="r"></span><span class="t">Browse Ideas</span></a></li>
<li><a href="#"><span class="l"></span><span class="r"></span><span class="t">Invest in Ideas</span></a></li>
我正在尝试使用 jQuery 选择事件链接:
<script type="text/javascript">
$(document).ready(function () {
var path = location.pathname;
var home = "/";
$("a[href='" + [path || home] + "']").addClass("top-menuactive");
});
</script>
但是,上面描述的 javascript 会找到网站上的所有链接,而不仅仅是菜单中的链接。
如何更改脚本以仅选择 <ul class="menu">
内的链接
最佳答案
您可以使用后代选择器:
<script type="text/javascript">
$(document).ready(function () {
var path = location.pathname;
var home = "/";
$("ul.menu a[href='" + [path || home] + "']").addClass("top-menuactive");
});
</script>
关于jquery - 查找具有特定类别的列表中的所有链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2980640/