javascript - 使用 jQuery.text() 观察元素 innerHTML 的变化

Question

a当另一段代码调用它时，我需要从元素中删除一个类.text('string')。我无法编辑另一段代码：

function WPSetAsThumbnail(id, nonce){
    var $link = jQuery('a#wp-post-thumbnail-' + id);

    // this is where it's first called
    $link.text( setPostThumbnailL10n.saving );
    jQuery.post(ajaxurl, {
        action:"set-post-thumbnail", post_id: post_id, thumbnail_id: id, _ajax_nonce: nonce, cookie: encodeURIComponent(document.cookie)
    }, function(str){
        var win = window.dialogArguments || opener || parent || top;
        $link.text( setPostThumbnailL10n.setThumbnail );
        if ( str == '0' ) {
            alert( setPostThumbnailL10n.error );
        } else {
            jQuery('a.wp-post-thumbnail').show();
            $link.text( setPostThumbnailL10n.done );
            $link.fadeOut( 2000 );
            win.WPSetThumbnailID(id);
            win.WPSetThumbnailHTML(str);
        }
    }
    );
}

非常感谢您对我的包容，即使这是一个菜鸟问题。

Answer 1

两种选择：

1. 使用突变事件，但请注意它们已被弃用。
2. 拉动 DOM 寻找变化。

第二个选项示例：

var $element = $("#elementId");
var lastText = $element.text();
function checkForChanges()
{
    var currText = $element.text();
    if (currText !== lastText)
    {
        alert('xxx');
        lastText = currText;
    }
}

var id = setInterval(checkForChanges, 500);