Question

我正在尝试使用以下一些代码，但我似乎错过了一些东西

var dom = document.URL;
$("a[href=dom]").addClass("active");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li>
    <a href="http://example.com">
        <i class="fa fa-home"></i>
        Home
    </a>
</li>
<li>
    <a href="http://example.com/about">
        <i class="fa fa-info"></i>
        About
    </a>
</li>

应该发生的是http://example.com时，active类会被添加到第一个a元素，如果是http://example.com/about那么第二个a {1}}将获得该课程。

我使用了javascript＆＃39; alert来确保我获得了正确的网址，并且它显示在href中，但我上面所做的并不起作用。我尝试了here给出的Javascript回复，但他们也没有做过。

Answer 1

$("a[href=dom]").addClass("active");

应该是

$("a[href=" + dom + "]").addClass("active");

您将变量与字符串混合在一起。另外，我建议只在主体中添加一个类，然后像这样定位当前页面。它可以重复使用。

如果在同一个URL上，则将类添加到元素

1 个答案: