gpt4 book ai didi

javascript - 如果位于相同的 url 上,则将类添加到元素

转载 作者:行者123 更新时间:2023-12-03 07:36:03 25 4
gpt4 key购买 nike

我正在尝试让以下代码正常工作,但我似乎遗漏了一些东西

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 将获取该类。

我使用了 javascript 的 alert 来确保我获得了正确的 URL,它与 href 中显示的一样,但是我上面的方法不起作用。我已经尝试过给出的 Javascript 响应 here但它们也不起作用。

最佳答案

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

应该是

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

您将变量与字符串混合在一起。另外,我建议只向主体添加一个类并像这样定位当前页面。它的可重用性更高。

关于javascript - 如果位于相同的 url 上,则将类添加到元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35608379/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com