jQuery 添加/删除类

Question

我有五个 div:

<div class="tip tip-1 activeTip"></div>
<div class="tip tip-2"></div>
<div class="tip tip-3"></div>
<div class="tip tip-4"></div>
<div class="tip tip-5"></div>

我想使用 jQuery on click 事件将 activeTip 类添加到 div 中，并将其从当前设置的 div 中删除。因此一次只能有一个 div 具有 activeTip 类。

谢谢

Answer 1

如果您想在这些 div 上单击事件，则以下内容将完成工作

$(".tip").click(function(){
  $(".activeTip").removeClass("activeTip");
  $(this).addClass("activeTip");
})

如果你想在其他地方发生点击事件，你必须在其中放置数据标签，并根据该元素的数据值添加类