javascript - 在追加到 JQuery 之前检查 DOM 元素是否自动存在

Question

基本上，我希望在每次向 DOM 追加或添加元素时运行检查，以确保我放入的元素不存在。我正在制作复杂的应用程序，有时会制作重复的元素，导致事件无法正确触发。

我不想每次更改 DOM 时都必须手动运行此检查，我希望它在调用前置或追加函数时自动运行。当函数被调用时，是否有我可以监听的事件？

我不会在应用程序发布时使用此检查，因为我意识到它会严重影响性能，但在开发过程中它会非常有值(value)。

Answer 1

只需覆盖jQuery.fn.append:

(function() {
    var append = jQuery.fn.append;
    jQuery.fn.append = function() {
        var elemExists = ...;
        if (!elemExists) {
            append.apply(this, arguments);
        }
    };
})();

对 jQuery.fn.prepend 做同样的事情。这很好用，因为您必须为生产做出的唯一更改是排除此功能。