鼠标悬停时获取div中div的元素

Question

我只想获得悬停DOM的元素，但是当我开始盘旋时它也会触发父母这样的dom;

<div class="testclass">
    <div class="divEditmsg">Click to Edit</div>
    <div class="testclass">
        <div class="divEditmsg">Click to Edit</div>
        <div class="testclass">
            <div class="divEditmsg">Click to Edit</div>
        </div>
    </div>
</div>

这是我的代码：

$(document).on({
    mouseenter: function () {
        $(this).append('<div class="divEditmsg">Click to Edit</div>');
    },
    mouseleave: function () {
        $('.divEditmsg').remove();
    }
}, ".testclass");

Answer 1

评论正确但不完整。

为什么要将此事件绑定到$(document)对象？为什么不直接绑定到要实现的div。你在这里尝试做什么并不是很清楚，但是你想要绑定孩子最多的元素。然后，如果它正在搞乱其他事件处理程序，请使用event.stopPropagation来阻止事件冒泡。

我相信，在这种情况下，您的主要问题是您正在监听鼠标事件的选择器。