jQuery-添加新的div事件监听器

Question

我正试图找到一种方法来动态检测是否有新的div添加到我的页面中。具体来说，是一个div或font，它附加了某个类。这个div是在php页面的ajax响应过程中添加的，它告诉用户任务已经完成或没有完成，并且它附加了特定的.msgDivAuth类作为样式。

当回复回来时，我遇到的问题是它仍然留在页面上；到处都是回复。所以我想做的是能够淡出，或者在这些元素首次出现在页面上六秒钟后清除它们的内容。

我想做的是：

$(function(){
    $('font.msgDivAuth, div.msgDivAuth').bind('DOMSubtreeModified', function(){
        alert("check");
    });
});

现在，这将只检查页面上现有的.msgDivAuth元素的内容是否已更改。当然，这并不能解释成功的ajax响应所返回的页面动态添加。

换句话说：

1. 以动态的方式查看即将到来的新内容
2. 检查传入的内容是否附带了.msgDivAuth作为类
3. 如果它确实有一个.msgDivAuth类附加到它身上，那么它就是div或font，开始6秒计时器并淡出
4. 现有的.msgDivAuth、div或font也应在其内容已改变时刷新其淡出定时器。（例如上面的函数）
5. 冲洗并重复

我还需要提到的是，这个脚本将保存在js文件中，以及每个页面页眉中包含的其他常见函数。

关于如何实现这一点，有什么想法吗？

Answer 1

您可以通过这个函数找到元素

在成功回调中使用hideElement（element）函数

function hideElement(element) {
  var target = $(this).find('.msgDivAuth');
  target.hide()
}