什么是JavaScript'元素'在jQuery库OpenSeaDragon的上下文中

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

本文关键字:OpenSeaDragon 上下文 元素 JavaScript 什么 jQuery      更新时间:2023-09-26

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

viewer.removeOverlay(element or element id);

正如文档中关于输入参数所说:"对元素的引用或表示要删除的ovelay内容的元素id。"我正在创建一大堆覆盖层——用矩形创建一个网格——所以我给了它们一个类。将类传递到此方法不起作用。所以我试图理解他们所说的"元素"是什么意思。有没有一种方法可以使用JQuery或JavaScript来选择一个"元素"并将其传递给方法?或者诸如此类的事情?

感谢

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

你可以很容易地用jQuery选择一个元素:

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

然后从jQuery对象中获取底层DOM节点,结果是:

var elm = $obj[0];

谢谢大家。以下是操作方法:

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

起初,我认为我可以遍历数组,依次对每个项索引调用removeOverlay()。这导致每次跑步都会删除一半的覆盖。所以,对于16个叠加,我必须运行它4次。几分钟后,它点击了。。。每次获得元素$(".gridcell")时,它都会返回一个新数组。