jQuery add / remove class

Question

I have five divs:

<div class="tip tip-1 activeTip"></div>
<div class="tip tip-2"></div>
<div class="tip tip-3"></div>
<div class="tip tip-4"></div>
<div class="tip tip-5"></div>

I would like to use the jQuery on click event to add the activeTip class to a div and also remove it from the div it is currently set on. So only one div should have the activeTip class at a time.

Thanks

Start with binding click event handler.

Satpal
– Satpal

2016-12-24 20:02:23 +00:00
Commented Dec 24, 2016 at 20:02 — Satpal
– Satpal, Commented Dec 24, 2016 at 20:02

reza · Accepted Answer · 2016-12-24 20:07:46Z

4

following will do the job if you want click event on these divs

$(".tip").click(function(){
  $(".activeTip").removeClass("activeTip");
  $(this).addClass("activeTip");
})

if you want the click event in some other place, you have to put data tag in that and add class depend on the data value of that element

edited Dec 24, 2016 at 20:07

answered Dec 24, 2016 at 20:05

reza

1,5072 gold badges12 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

jQuery add / remove class

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