Javascript jQuery：当鼠标悬停在子元素上时，如何禁用鼠标悬停在父元素上？

因此，我有一些类似如下的HTML：

<a class="tooltip" title="my tool tip">
    Hover over me for a tool tip!
</a>

<a class="tooltip">
    Hover over me for a tool tip!
    <span style="position:absolute; display:none;">my tool tip</span>
</a>

悬停在我的上方获取工具提示！

javascript将html更改为如下内容：

<a class="tooltip" title="my tool tip">
    Hover over me for a tool tip!
</a>

<a class="tooltip">
    Hover over me for a tool tip!
    <span style="position:absolute; display:none;">my tool tip</span>
</a>

悬停在我的上方获取工具提示！
我的工具提示

当鼠标悬停在父元素上时，javascript会触发子元素显示。子元素的位置使其看起来不在父元素内，因此将鼠标悬停在子元素上仍会导致显示子元素。我只想在不悬停在子元素上时显示它

如何执行此操作？

使用事件委派：

$('.tooltip').hover(function(e){
    if($(e.target).is('span')){
        // your child span is being hovered over
        e.stopPropagation();
    }else if($(e.target).is('.tooltip')){
        // your parent element is being hovered over
    }
});

---

尽管如此，正如在您的帖子的评论中所指出的，您不能将

display:none

作为样式属性悬停在某个对象上。

查看您的问题，您将在

a

后面添加span。我想你想要什么？我不太确定，因为你的问题不是非常清楚。

你能显示悬停事件的JS代码吗？不悬停在子对象或父对象上？零可视性是否足够，或者用户是否能够单击“通过”工具提示的位置，在链接之类的东西上？我想如果你把它放在一个带有显示的窗口中，这会更容易理解：无，在子元素中不应该有任何悬停。