javascript - 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 非常适合此功能，但是我会尝试更具体地说明您期望“.dirty”发生的位置。例如，如果你知道dirty 只会发生在导航中，那么只看导航。

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

查看jsFiddle。