在插入的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()對插入的元素的文本進行的簡單檢查。