jQuery为多个元素添加/删除类

Question

我有很多按钮，我在点击时添加/删除了一个类。我的脚本在关闭单击按钮之前关闭所有按钮。这个问题是当我希望能够在第二次点击它时关闭它时，一个按钮总是设置为打开。我尝试过使用if语句并且是（），但还没有任何工作。有人可以帮我一把吗？

$('.silver_button').live('click', function () {
  $('.checked').text('Select').removeClass('checked');
  $(this).text("").addClass('checked');

  if ($('.challenge_card .silver_button').is('.checked')) {
    $('.silver_button').text("Select").removeClass("checked");
  }

});

Answer 1

试试这个：

$('.silver_button').live('click', function () {

    if ($(this).hasClass('checked')) {

        $(this).text("Select").removeClass("checked");

    } else {

        $('.checked').text('Select').removeClass('checked');
        $(this).text("").addClass('checked');

    }

});