Adding and removing class with onClick for dynamic button

Question

I have these buttons

<button id="btn1" type="button" class="btn btn-default btn-sm margin-left-1">
    <span class="glyphicon glyphicon-chevron-down"></span>
</button>

<button id="btn2" type="button" class="btn btn-default btn-sm margin-left-1">
    <span class="glyphicon glyphicon-chevron-down"></span>
</button>

...etc

And I want to remove the class glyphicon-chevron-down and add glyphicon-chevron-up after a click on that button.. it's twitter bootstrap collapsing but I want to have a button with an icon there :-)
The id of the record can be put in the button tag or in the span tag, does not matter, is there any way I can check applied CSS?
For example, ${#element}.existCSS?('glyphicon-chevron-down') ?

@devo: while editing, please don't just add tags - try to fix as much as possible. — S.L. Barth is on codidact.com
– S.L. Barth is on codidact.com, Commented Sep 24, 2013 at 9:18

Chandu · Accepted Answer · 2013-09-15 17:09:23Z

1

Try:

if( $(<#element>).hasClass("glyphicon-chevron-down") ) {
 //Your code
}

answered Sep 15, 2013 at 17:09

Chandu

83.2k19 gold badges136 silver badges136 bronze badges

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

1 Comment

Chandu Over a year ago

That is just a placehloder for the element selector in the pseudo code.

kleinohad · Accepted Answer · 2013-09-15 17:18:59Z

0

You can try this:

$('.btn-default').click(function() { $(this).find('.glyphicon-chevron-down').removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
});

look at this - http://jsfiddle.net/9NDyL/

answered Sep 15, 2013 at 17:18

kleinohad

5,9202 gold badges29 silver badges35 bronze badges

Collectives™ on Stack Overflow

Adding and removing class with onClick for dynamic button

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related