有没有办法在不知道其类名或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变量来确定其他div的大小:)

谢谢

Answer 1

试过这个？

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