在插入的DOM元素上搜索文本

Question

我正在编写一个简单的脚本来检测DOM中的更改，然后执行一些操作。

我想实现这样的目标：

$('body').on('DOMNodeInserted', '#entry', function() {
// check if inserted element contains text, then run function
})

在插入的DOM节点上搜索文本的最简单方法是什么？

Answer 1

您可以使用处理程序中传入的事件对象的event.target属性，并使用indexOf()或类似方法执行检查，以确定您要查找的文本是否存在。< / p>

$(document).on('DOMNodeInserted', function(e) {
    var $targetElement = $(e.target);

    if($targetElement.text().indexOf('Test') > -1) {
        console.log('foo');
    }
});

以下fiddle演示了使用text()和indexOf()对插入元素的文字进行简单检查。