jQuery "active"类分配

标签 jquery state sticky

我想要完成的就是能够获得一个无序列表的链接,其中单击一个链接,父列表项就会被分配为“事件”类。单击该列表中的另一个链接后,它会检查是否分配了“事件”,将其从该列表项中删除,并将其添加到最近单击的链接父列表项中。

示例:

第一步 - 用户点击了链接“我是链接二”

<ul>
<li><a href="#">I am link one</a></li>
<li class="active"><a href="#">I am link two</a></li>
</ul>

第二步 - 用户现在点击了链接“我是链接一”

<ul>
<li class="active"><a href="#">I am link one</a></li>
<li><a href="#">I am link two</a></li>
</ul>

很简单,但是我打败了我。

最佳答案

假设:UL 元素具有“linksList”类。

$('.linksList li a').click(function()
{
  $('.linksList li').removeClass('active');
  $(this).parent().addClass('active');
});

关于jQuery "active"类分配,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1262919/

相关文章:

javascript - 获取此 anchor 标题文本 jQuery

jQuery vertical align middle 移动整个 div

javascript - 通过knockout获取点击输入的值

javascript - 如何在 REACT JS 中更新 onChange 事件的 JSON 对象状态?

css - 是否可以将位置粘性行为限制在特定的网格行中?

javascript - 为什么不是位置 : sticky affecting my navbar?

javascript - 如何在点击时在 url 前面添加 https - jquery

haskell - 具有 `put` 函数的状态 Monad

memory - 将值添加到状态数组的最佳方法是什么

jquery - Foundation sticky header 第一次滚动