javascript - 在 dom 上拦截 append 方法

Question

我需要一种解析网页动态内容的方法。例如，如果我需要为每个带有“test”类的元素附加一个类，我可以这样做：

$(".test").each(function(index, element)
{
    if(!$(this).data("parsed"))
    {
        $(this).data("parsed", true);
        //all my operation - Example :
        $(this).addClass("new-class");
    }
});

那工作，但目前仅适用于html。如果我第二次将新的 html 附加到我的页面，我的脚本将不会解析它。我想办法做到这一点。当内容改变时有一个方法调用吗？例如在每个附加、html、ajax 请求等上？

Answer 1

这可能是一个自己的解决方案：

var original_append = $.fn.append;
$.fn.append = function()
{
    console.log(arguments);
    //my code
    return original_append.apply(this, arguments);
}