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

Question

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

我想实现以下目标：

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

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

Answer 1

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

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

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

这是一个小提琴，演示了使用text()和indexOf()对插入的元素的文本进行的简单检查。