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);
});

用于插入元素特定类的jQuery事件侦听器

1 个答案: