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

Question

我正在尝试找出一种方法来动态检测是否已将新div添加到我的网页中。具体而言，附加了某个类的div或font。在来自php页面的ajax响应期间添加此div，告诉用户任务已完成或未完成，并且为了样式而附加了某个.msgDivAuth类。

当响应回来时，我遇到的问题是它仍然在页面上;而且你到处都有一堆回应。所以我想做的就是能够在页面首次出现六秒后淡出或清除这些元素的内容。

我在想的是：

$(function(){
    $('font.msgDivAuth, div.msgDivAuth').bind('DOMSubtreeModified', function(){

        alert("check");

    });
});

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

换句话说：

1. 以动态方式检查新内容。
2. 检查附件中是否有.msgDivAuth作为附加类。
3. 如果它附加了.msgDivAuth级别，则div或font，开始六秒计时器和fadeOut。
4. 现有的.msgDivAuth div或font也应在其内容更改后刷新其淡出计时器。 （例如上述功能）。
5. 冲洗并重复。

我还需要提一下，这个脚本将保存在js文件中，以及每个页面在其标题中包含的其他常用功能。

关于如何实现这一点的任何想法？

Answer 1

您可以通过此功能找到元素

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

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