jQuery委托属性更改

Question

在我的页面中，我根据另一个属性更改元素的一个属性。像这样：

$("body").find("[data-action=new]").attr("data-original-title", "Create appointment");

这样做，此元素将显示带有“创建约会”文本的工具提示。

像这样我还有其他的。

当我通过 JS 在我的 DOM 中插入一些元素时，问题就开始了。

有什么方法可以委托这个操作来避免每次插入一个元素时调用它？

更新

我正在寻找一个简单的解决方案来设置我的工具提示。 DOMObserver 看起来太重了，不适合在这里使用。还是不行？

Answer 1

突变观察者似乎合适，监控 addedNodes 属性：

var targetNodes         = $("body"); // best to make this more specific, e.g. .myNodes
var MutationObserver    = window.MutationObserver || window.WebKitMutationObserver;
var myObserver          = new MutationObserver (mutationHandler);
var obsConfig           = { childList: true, characterData: true, attributes: true, subtree: true };

targetNodes.each ( function () {
    myObserver.observe (this, obsConfig);
} );

function mutationHandler (mutationRecords) {
    mutationRecords.forEach ( function (mutation) {
        if (typeof mutation.addedNodes == "object") {
            var jq = $(mutation.addedNodes);
            jq.find("[data-action=new]").attr("data-original-title", "Create appointment");
        }
    } );
}