javascript - 动态内容鼠标悬停

我有一个动态生成的html-content：带有class='dynamicWrap'的div。我需要处理此元素上的鼠标悬停：

    $(document).on('mouseover', '.dynamicWrap', function() {
        console.log('test');
    });

问题是我看到“测试”了200次（我在dynamicWrap类中有200个div）。我如何只为我经过的确切div处理一个事件？

最佳答案

$(document).on('DOMNodeInserted', function(e) {
    if ($(e.target).hasClass('dynamicWrap')) {
        $(e.target).mouseover(function() {
            console.log('test');
        });
    }
});

请注意，这需要在开始动态添加新的div之前运行。