jquery如何观察特定选择器的dom中的任何变化

Question

我有一个函数可以在网页上查找类.dirty的存在和计数。它必须从某一点开始，但在那时，我希望jQuery观察DOM中的css更改并重新运行此函数。这可能吗？我可以使用on()吗？像：

$(document).on('change','.dirty', dosomething);

虽然我知道这与改变的用途不同。基本上，我想要的更改是“脏”的任何addClass或removeClass。

样本标记

寻找观察'顶级菜单'上的添加/删除.dirty以便我可以传播更改

<div class="top-level-menu dirty" data-menu-global-id="12828">
  <input id="menu-name-global-id-12828" size="30" type="text" value="Some value here">
</div>

Answer 1

.on对于这个功能是完美的，但我会尝试更具体地说明你期望的位置＆＃34; .dirty＆＃34;即将发生。例如，如果您知道脏只会在导航中发生，则只能观看导航。

$('nav').on('change', '.dirty', function(e) {
    doSomething(e); 
});

查看jsFiddle。