javascript - 用于插入元素特定类的 jQuery 事件监听器

Question

我正在尝试动态地将一些 CSS 类添加到一些我无法控制其创建的元素中。我知道我正在寻找的 div 将像这样添加:mydiv.appendChild(resdiv)。但是，我无法在创建它们时添加代码。我知道动态添加的这个 div 的每个实例都会有一个特定的 CSS 类(我们称之为 output-class)。理论上我可以将 CSS 规则添加到该特定类，但我不愿意 - 这会导致大量样式的重复。

我想要做的是，一旦将具有 output-class 类的 div 添加到页面，就触发一个事件。我正在尝试动态添加更多 CSS 类。这是我到目前为止所拥有的:

jQuery('body').on('DOMNodeInserted', ".output-class", function(event) {
    var el = $(this);
    el.addClass('my new class');
    // do some more manipulation of the new div (el).
});

但是，据我所知，这个回调从未被调用。我做错了什么？

Answer 1

有几个涉及 DOM 插入的相关问题，包括 this one其中包含以下代码:

document.addEventListener("DOMNodeInserted", function(event) {
    alert($(event.target).parent()[0].tagName);
});