如何区分鼠标悬停时的多个跨度？

Question

我正在做一个 chrome 扩展，当我将鼠标悬停在任何名称（即发件人和收件人）上时，我需要获取电子邮件 ID。

我使用 div class 名称通过鼠标悬停获取发件人的电子邮件 ID：var exp = $(".acZ").find(".gD")，其中 'gD' 是包含 emai-id 的 div class。

receivers也是如此，只是receivers的div有多个span标签，每个span标签对应一个receiver。所以问题是当我鼠标悬停时我无法分离 id，因为它们都在相同的 div class: var exp1 = $(".xD").find(".g2") 下。每个接收器都在 'g2' class 下，带有 span 标签。

那么如何区分 span 标签呢？

Answer 1

在鼠标悬停事件中，您可以使用 event.target 获取对触发事件的 DOM 元素的引用。

<div class="xD">
   <span class="g2" id="r1">Test1</span>
   <span class="g2" id="r2">Test2</span>
   <span class="g2" id="r3">Test3</span>
   <span class="g2" id="r4">Test4</span>
</div>

<script language="javascript">
   $(".xD").find(".g2").mouseover(function(event)
   {
     console.log("Concerned id " + $(event.target).attr("id"));
   })
</script>

请启用开发者控制台并查看输出以进行验证。

希望我能够阐明您的要求...

如何区分鼠标悬停时的多个跨度？

How to differentiate between multiple spans on mouseover?

javascript

jquery

google-chrome-extension

gmail