/Javascript/jQuery/Jquery observe class change

Jquery observe class change

var $div = $("#foo");
var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    if (mutation.attributeName === "class") {
      var attributeValue = $(mutation.target).prop(mutation.attributeName);
      console.log("Class attribute changed to:", attributeValue);
    }
  });
});
observer.observe($div[0], {
  attributes: true
});

$div.addClass('red');

Source: stackoverflow.com

Similar codes

0 vote335 views1 answer
Differences between detach(), hide() and remove() - jQuery
Javascript jQuery
0 vote334 views1 answer
How to Set Active Tab in jQuery Ui
Javascript jQuery
1 vote375 views1 answer
Jquery select input with class
Javascript jQuery
42 votes347 views6 answers
Jquery get value by name
Javascript jQuery
0 vote298 views1 answer
Add variable to nth child jquery
Javascript jQuery
3 votes291 views1 answer
Jquery get document scrolltop
Javascript jQuery
0 vote341 views4 answers
Jquery to vanilla js converter
Javascript jQuery
5 votes279 views2 answers
Jquery input type selector
Javascript jQuery
19 votes365 views2 answers
Setting “checked” for a checkbox with jQuery
Javascript jQuery
1 vote334 views1 answer
Jquery onlcick css change
Javascript jQuery