如何更改动态加载的元素的CSS？

Question

var comments = document.getElementsByClassName('avatar-container comment ng-scope')
$.each(comments, function () {
    $('.wall-comment').hover(function () {
        $(this).css({ 'background-color': 'yellow' })
    })
})

所以上面的代码基本上是这样做的： 它会查找div“头像容器注释ng-scope”，然后针对您悬停的每个“注释”（或div），将背景更改为黄色。

但是，例如，div'avatar-container comment ng-scope'是动态加载的。

加载页面时，“头像容器注释ng-scope” div中有20个。但是，当您向下滚动页面时，它将再加载20个页面。

我的css仅在加载的前20个“头像-容器注释ng-scope” div上起作用，但是我的css不会影响以后加载的div。

我不确定如何有效地完成这项工作，我的第一个理论是我可以等到用户向下滚动然后再次加载div集。但是我觉得那样很快就会变得糟透了。