jquery - 简单地将类添加到切换 div 的链接

标签 jquery html css addclass

我的问题添加和修改之前提出的问题:jquery hide all open divs and toggle

最终的答案完全符合我的要求,但是当我尝试将事件类也添加到链接时,该函数停止运行。

我如何将事件类添加到特定于它显示的 div 的链接?

$('.stackedTabs a').on('click', function(event) {
    event.preventDefault();
    $('div.itemContent').hide().filter('div.' + this.className).show();
    $(this).removeClass('active').filter(this).removeClass('active');
});

最佳答案

您实际上是在尝试创建一种方法来切换是否拥有事件类(class)。这是一种方法。

但是,这是一个高度可搜索的问题,很容易找到。

$('.stackedTabs a').on('click', function(event) {
    $('.active').not($(this)).removeClass('active');
    $(this).toggleClass('active');
    event.stopPropagation();
  });
}

关于jquery - 简单地将类添加到切换 div 的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40729626/

相关文章:

javascript - 当 DOM 动态变化时,如何处理附加 `data-*` 属性的 JavaScript 事件?

html - 如何将图像设置为响应图像周围的框架?

添加为另一个对象的属性时,JavaScript 表单序列化不正确

javascript - FF (51.0.1) 中可能存在错误 - 70 度内联旋转的视频无法正确渲染视频控制

javascript - 通过 JS 触发的 CSS 动画仅每隔一次点击播放一次

css - h2 边距或填充大于 h3,即使它们具有相同的字体大小?

html - css中目标多个标签的语法是什么

html - 隐藏列表项的溢出

javascript - 将 JS Promise 包装到函数中

javascript - 在文档就绪和 on.change 上调用 jquery 函数