Try
$(document).ready(function() {
var target = $("#test").get(0);
// create an observer instance
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
// do stuff when
// `attributes` modified
// i.e.g.,
alert(mutation.type);
target.innerHTML = "class added: "
+ "<em>"
+ target.className
+ "</em>";
});
});
// configuration of the observer:
var config = { attributes: true };
// pass in the target node, as well as the observer options
observer.observe(target, config);
$("#test").addClass("test-1");
// later, you can stop observing
// observer.disconnect();
})
jsfiddle http://jsfiddle.net/guest271314/35cVL/
see https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver