Question

当我将鼠标转移到任何名称（即发件人和收件人）时，我需要获取电子邮件ID。

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

接收器也要做同样的事情，但接收器的div有多个span标签，每个span标签用于接收器。所以我的问题是，当鼠标悬停时，我无法将ID分开，因为它们都在同一个div类下：var exp1 = $(".xD").find(".g2")。每个接收者都在＆＃39; g2 ＆＃39;带有span标签的类。

那么如何区分span标签？

Answer 1

在mouseover事件中，您可以使用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>

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

希望我能澄清你的要求......

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

1 个答案: