jQuery 库 OpenSeaDragon 上下文中的 JavaScript 'element' 是什么？

Question

我正在使用一个非常酷的 JavaScript/jQuery 库，叫做 OpenSeaDragon。它用于显示深度缩放图像。它还有一个添加 'overlays' 的方法，本质上是创建一个 div 并将其通过查看器对象放在具有坐标的图像上。还有一种删除叠加层的方法：https://openseadragon.github.io/docs/OpenSeadragon.Viewer.html#removeOverlay

viewer.removeOverlay(element or element id);

正如关于输入参数的文档所述："A reference to the element or an element id which represent the ovelay content to be removed." 我正在创建一大堆叠加层——用矩形创建网格——所以我给了它们 class .将 class 传递给此方法不起作用。所以我试图理解他们所说的 "element" 是什么意思。有没有一种方法可以使用 JQuery 或 JavaScript 到 select 和 "element" 并将其传递给方法？或者类似的东西？

谢谢

Answer 1

它通常表示文档中的一个元素，即 DOM 节点。所以，一个 div，或者一个 span，或者类似的东西。

您可以很容易地 select 带有 jQuery 的元素：

var $obj = $('#elementId');

然后从结果的 jQuery 对象中获取底层 DOM 节点：

var elm = $obj[0];

Answer 2

谢谢大家。操作方法如下：

var n = $(".gridcell").length
for(i=0; i<n; i++) {
    viewer.removeOverlay($(".gridcell")[0]);
}

起初我虽然可以遍历数组，依次对每个项目索引调用 removeOverlay()。这导致每个运行上的一半覆盖被删除。所以，对于 16 层叠加，我必须运行它 4 次。几分钟后，它点击了...每次您获得元素 $(".gridcell")，它都会 returns 一个新数组。

jQuery 库 OpenSeaDragon 上下文中的 JavaScript 'element' 是什么？

What is a JavaScript 'element' within the context of jQuery library OpenSeaDragon?

javascript

jquery

openseadragon