jQuery add/remove class for multiple elements

Question

I have a number of buttons that I'm adding/removing a class on click. My script turns all the buttons off before turning the clicked button on. The problem with this is one button is always set to on when I would like the ability to turn it off when it's clicked a second time. I've tried using if statements and is(), but nothing's worked yet. Can someone lend me a hand?

$('.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");
  }

});

Is .challenge_card the identifier for your special case button? Does it also inherit the .silver_button class? Do you want your special case button to stay enabled unless it's clicked specifically? — rrowland
– rrowland, Commented Oct 10, 2012 at 22:59
Its quite hard to understand what you want to do. Perhaps because the meaning in the classes means nothing without the context. You click a button and all the buttons clear their text value except the clicked button? However what happens when you click your challenge_card? The same as the others, or nothing, or only after 2 clicks? — iiz
– iiz, Commented Oct 10, 2012 at 23:01

Nw167 · Accepted Answer · 2012-10-10 23:02:08Z

1

Try this:

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

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

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

    } else {

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

    }

});

answered Oct 10, 2012 at 23:02

Nw167

1695 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery add/remove class for multiple elements

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related