Javascript 如何从 elementFromPoint() 返回的对象/元素中获取特定的子元素？

Question

有没有办法从函数 elementFromPoint(x, y) 返回的元素/对象中检索子元素；

假设我有如下语句，

var elem = document.elementFromPoint(x, y);

并假设返回并存储在变量 elem 中的元素具有以下结构:

<section class="wrapper">
      some unwraped text
      <div class="hidden">
           <img />
      </div>
</section>

是否可以从该部分包装器中检索 img 标签？我正在寻找检索它并使用 jQuery 克隆它并进一步将克隆添加到另一个元素。包裹图像标签的 div 有一个 display: none 的 css 属性；这将隐藏图像，我想复制该图像并将其显示在其他元素中。

但是我需要找到一种方法来检索 img 标签，然后才能克隆它并进一步附加它。

已编辑

这就是我尝试使用 elem 对象的方式，我需要它的子 img 而不是整个返回的元素

  $('#unique > img').remove();
  $('#unique').append($(elem > child)
        .clone()
        .children()
        .end());

我相信如果我能得到正确的元素，我就不需要 children() 函数。

谢谢...

Answer 1

什么是elem最终成为？ <section> ？

$(elem).find('.hidden img')

它的一个 child ？

$(elem).closest('.wrapper').find('.hidden img')