gpt4 book ai didi

jquery - 根据 HREF 值切换父元素的类 jQuery

转载 作者:行者123 更新时间:2023-12-01 00:52:05 25 4
gpt4 key购买 nike

正如你所知,我今天正在学习 jQuery(以及其他网络内容)。

当我拥有的变量与 LI 内 A 上的 HREF 内容匹配时,我试图巧妙地将 LI 的类更改为事件状态。

其结构如下:

<li><a href="foo.html">Foo</a></li>

当我的“page”变量等于“foo.html”时,我想将 li 的类更改为事件状态。如下:

<li class="active"><a href="foo.html">Foo</a></li>

我知道有一种相当简单的方法可以做到这一点,但我这样做的方式似乎完全错误!

顺便说一句,值得记住(因为这是我摔倒的地方)这是一个菜单,并且有许多 LI,例如:

<li class="active"><a href="foo.html">Foo</a></li>
<li><a href="bar.html">Bar</a></li>

非常感谢,克里斯

最佳答案

这应该有效:

$('a[href="foo.html"]').closest("li").addClass("active");

要使用页面变量:

$('a[href="' + hrefVariable + '"]').closest("li").addClass("active");

编辑:

解释其工作原理:

  • 第一部分 $('a[href="foo.html"]') 将定位页面上 href 值为 foo.html 的所有链接。
  • 第二个对象 .closest("li") 将定位距离第一部分中找到的元素最近的 li。
  • 第三个对象将类添加到前面的元素,在本例中为 li。

关于jquery - 根据 HREF 值切换父元素的类 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16042008/

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