javascript - 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 有一个 css 属性 display: none; 这将隐藏图像，我想复制该图像并将其显示在其他元素中。

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

已编辑

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

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

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

感谢 ...

score 1 · Accepted Answer

elem最终成为什么？<section>? _

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

它的孩子之一？

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

score 1 · Accepted Answer

检查这是否有效：

$("img",$(document.elementFromPoint(x, y)))

或者

$(document.elementFromPoint(x, y)).find("img")

score 1 · Accepted Answer

1

var elem = document.elementFromPoint(x, y);
var imageElement = $(elem).find("div.hidden img")

于 2013-08-01T18:48:28.920 回答

3 回答 3