js监听HTML结构

var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;//浏览器兼容
 
	  var config = { attributes: true, childList: true}//配置对象
		$(".ordertit").each(function(){
		   var _this = $(this);
		   var observer = new MutationObserver(function(mutations) {//构造函数回调
			  mutations.forEach(function(record) {
				 if(record.type == "attributes"){//监听属性
					console.log("html的属性发生了变化")
				 }
				 else if(record.type == 'childList'){//监听结构发生变化
		            $(".curr_position").append("<div id='porsche_macan' style='margin-left:100px;display:inline-block;'>html的结构发生了变化</div>");
				 }
			  });
		   });
		   observer.observe(_this[0], config);
		});