javascript - 有没有办法在不知道类名或 ID 的情况下选择父 div？

Question

我有一个在 javascript 库 d3 中制作的图表。它的大小取决于窗口的大小，如下所示:

var GUIWidth = window.innerWidth;
var GUIHeight = window.innerHeight;

这工作正常，但如果我想将此图表放到另一个页面上但将其缩小怎么办？我不想进入此处并对其进行调整，我希望能够获取其所在容器的大小并使用该宽度和高度。

但是，在我的例子中，我不知道容器的 ID(因为另一个人正在开发 UI)。

如何获取我的图形所在的父 div 的 ID(最好是宽度和高度)。

示例代码:

var svg = d3.select("#interface") //this is my graphs container
    .append("div")
    .attr("id", "svgContainer")
    .attr("width", GUIWidth)
    .attr("height", GUIHeight);

这里 interface 是我的图形容器，但我想做这样的事情来获取宽度和高度:

var GUIWidth = $(parentOf('#interface')).innerWidth();
var GUIHeight = $(parentOf('#interface')).innerHeight();

这可能吗？

此外，我想坚持使用 javascript/jquery 来执行此操作，因为我在代码中的其他地方使用 GUIWidth 和 GUIHeight 变量来确定其他元素的大小分区 :)

谢谢

Answer 1

试过这个吗？

var GUIWidth = $('#interface').parent().innerWidth();
var GUIHeight = $('#interface').parent().innerHeight();