jquery - 使用 jquery 删除标签上的所有类并添加新的

Question

如何从当前标签中删除事件类并将事件类设置为我们单击的另一个标签？我尝试这样做，但它不起作用:)

$(function() {
  $(".bir").click(function() {
    // remove classes from all
    $("a").removeClass("active");
    // add class to the one we clicked
    $(".bir").addClass("active");

  });
});

a {
  color: #2a6496;
}
a.janduu {
  color: #d11250;
}

<a href="form.php?lang=kr" data-toggle="tooltip" data-placement="bottom" title="кыргызча" class="janduu bir">КЫР</a>
<span>|</span>
<a href="form.php?lang=tr" data-toggle="tooltip" data-placement="bottom" title="türkçe" class="bir">TUR</a>
<span>|</span>
<a href="form.php?lang=en" data-toggle="tooltip" data-placement="bottom" title="english" class="bir">ENG</a>
<span>|</span>
<a href="form.php?lang=ru" data-toggle="tooltip" data-placement="bottom" title="русский" class="bir">РУС</a>

Answer 1

$(function () {
    $(".bir").click(function (e) {
        e.preventDefault();
        // remove classes from all
        if(!$(this).hasClass("janduu")){
            $(this).addClass("janduu");
            $(this).siblings().removeClass("janduu");
        }
        // add class to the one we clicked


    });
});

试试这个

demo