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

时间:2015-11-03 06:27:45

标签: jquery html css

如何从当前标签中删除活动类并将活动类设置为另一个,我们点击了哪一个?我尝试这样做,但它不起作用:))



$(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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

$(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