代码之家 › 专栏 › 技术社区 › stoic Kobus Kleynhans

查找具有特定类的列表中的所有链接

css jquery

stoic Kobus Kleynhans · 技术社区 · 16 年前

我有主菜单:

<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>

<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">

1 回复 | 直到 16 年前

MvanGeest 16 年前

<script type="text/javascript">
    $(document).ready(function () {
        var path = location.pathname;
        var home = "/";
        $("ul.menu a[href='" + [path || home] + "']").addClass("top-menuactive");
    });
</script>

推荐文章