Javascript - event.target.offsetParent

Question

我面临以下情况:

• 有mousemove驻留在此层次结构中的表的单元格上注册的事件 BODY -> Something1 -> Something2 -> Something3 -> Table -> Cell
• 我想追踪元素 Something2 的 ID 以进一步处理它。在我看来，可以通过以下方法之一检索 ID:
  • e.target.offsetParent.offsetParent.offsetParent.id - 这是硬编码的，我不喜欢它
  • 循环遍历 e.target 的所有父项并匹配特定父级的类 [是的，我知道元素的类名]，其 ID 是我想要检索的。

现在的问题是，有没有更好的方法来实现这一目标？类似 jQuery 的 find 之类的东西？

示例:e.target.findOnOffsetParents('<.CLASS_NAME>');

编辑:包含涉及的代码

$(document).on("mousemove", 'table', function (e) {
Console.log($(e.target).parents('.object').length); //this one results '0'
Console.log($(e.target).closest('.object').length); // so does this
Console.log($(e.target).parents().find('.object')); //this one picks all elements with class name 'object' regardless of whether or not it is a parent of the e.target
});

Answer 1

根据您要搜索的内容以及您对结果执行的操作，您可能需要使用 .parents()或.closest()

$(elem).parents('.object') - 返回具有 object 类的 elem 的所有父级

>

$(elem).closest('.object') - 返回具有 object 类的 elem 的第一个父级

我假设您想要后者，即:

$(e.target).closest('.object')

这个jsFiddle显示了每种设置在类似于您在问题中提到的设置中的工作原理