jQuery on class removing event

Question

Well, I got something like this:

HTML:

<div id="main" class="underline" >Hello</div>

JavaScript:

$('div').live('click', function(){
    $(this).toggleClass("underline");
});

https://jsfiddle.net/VYukS/

I have to run some function on event when div class was removed, and I haven't got any permisions to edit functions that adding / removing class from div.

How can I catch that event when class is removing?

'click' event was used only as an example, so that class can be removen not only on the clicking

possible duplicate of [jQuery - Fire event if CSS class changed](http://stackoverflow.com/questions/1950038/jquery-fire-event-if-css-class-changed) (in particular, the second answer: http://stackoverflow.com/a/1950199/444991) — Matt, May 15 '12 at 10:43
In future, please don't *just* include a link to jsFiddle. Your post should standalone from any other resource; consider what'd happen if jsFiddle went down in the future. — Matt, May 15 '12 at 10:43

score 4 · Accepted Answer · edited Apr 12 '21 at 20:20

4

There is no such event. But you can do simpler:

$('div').live('click', function(){
    $(this).toggleClass("underline")
    if ($(this).hasClass("underline")) {
        alert("added");
    } else {
        alert("removed");
    }
});

DEMO: https://jsfiddle.net/VYukS/1/

edited Apr 12 '21 at 20:20

Syscall

19,327
10
37
52

answered May 15 '12 at 10:44

VisioN

143,310
32
282
281

score 2 · Answer 2 · edited Apr 12 '21 at 20:20

2

NOTE: live() is deprecated. Try to use jquery newest version

$('body').on('click', 'div#main', function(){
    $(this).toggleClass("underline");
    // to check the class presence
   if($(this).hasClass('underline'))
     alert('no class');
   else
     alert('has underline');
});

or use delegate()

$('body').delegate('div#main', 'click', function(){
    $(this).toggleClass("underline");
});

edited Apr 12 '21 at 20:20

Syscall

19,327
10
37
52

answered May 15 '12 at 10:44

The System Restart

2,873
19
28

Have you opened JSFiddle link? OP uses JQuery 1.5.2. – VisioN May 15 '12 at 10:46

score 1 · Answer 3 · answered May 15 '12 at 10:47

1

Try this

     $('div').unbind('click', function(){
       $(this).toggleClass("underline");
     });

answered May 15 '12 at 10:47

pradip

138
6

jQuery on class removing event

3 Answers3