detect when class name is change jquery

Question

i try to detect my spesifict class if it have a new class extra or changed

    $('.tab').on('click',function(){
    $(this).addClass('active');
  alert('activated');
})


$('.tab').on('change', '.active',function(){
  alert('changed');
})

heres the code https://jsfiddle.net/k3ze0k27/

i try to use on change but its look like i make a mistake inside the function.

anyone can help me with this problem? thankyou

score 1 · Answer 1 · answered Oct 03 '17 at 09:59

1

Change event not support with a tag .so do with some input tags.And check with class name is active or not using element.hasClass()

$('.tab').on('click',function(){
 $(this).addClass('active');
  console.log('activated');
})


$('.tab').on('change',function(){
if($(this).hasClass('active')){
  console.log('changed');
}

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input  class="tab">

answered Oct 03 '17 at 09:59

prasanth

22,145
4
29
53

nope it wont work. heres the updated jsfidle https://jsfiddle.net/9awLbc39/ – GerryofTrivia Oct 03 '17 at 10:32
Yess..i was already told above answer..change event only supporting input tags – prasanth Oct 03 '17 at 10:41
so any suggestion to make it possible sir? im kinda stuck – GerryofTrivia Oct 03 '17 at 11:40
If an element, not an input tag do with click function instead of `change`.Otherswise use input tag for change event – prasanth Oct 03 '17 at 11:44

detect when class name is change jquery

1 Answers1