触发iframe中无序列表中元素更改的事件

Question

我正在使用node-webkit开发一个应用程序。我有一个加载网页的iframe。网页有一个无序列表，如果无序列表中的元素发生变化，我想获得一个触发器。

<iframe id="app" src="https://www.somewebsite.com/" nwdisable nwfaketop></iframe>

无序列表没有类名，唯一标记为data-reactid="XYZ"。但是，无序列表中的第一项始终具有类名：.abc

从另一个SO问题（Call jquery function when <ul> content change），我发现如果有变化，如何触发一个函数：

! function () {
    var ulContent;
    $(document).ajaxStop(function () {
        var $ul = $('.abc');
        if(ulContent !== $ul.html()){
            ulContent = $ul.html();
            $ul.trigger('contentChanged');
        }
    });
}();

$('.abc').on('contentChanged',function(){alert('UL content changed!!!');});

但我现在相信，该脚本正在当前页面的源代码而不是iframe中查找类.abc。

提取我写的iframe的源代码：

innerBody = document.getElementById('app').contentWindow.document.body.innerHTML;

如何让ajax函数查看iframe的源代码？另外!在ajax函数中表示什么？