Javascript 使用动态填充ID值计算div的高度

我的JSP页面中有一个div标记。它的ID由我无法控制的其他参数自动填充

div标记看起来像这样。我跳过了这篇文章中div的内容

<div class="parallax styleswitch" id="${nodeId}" style="${desktopstyle}" data-large="${desktopstyle}" data-medium="display:none;" data-small="display:none;" data-dtautoheight="true" data-tabautoheight="false" data-mobautoheight="false">  

---

如何使用JS中的nodeId变量值来获取div的高度？我的JS代码位于围绕脚本标记的JSP页面中。

您可以使用另一个属性而不是id。使用class属性的示例如下：

$('div.parallax').height();

<div custom-attr="myCustomAttr"></div>

$("div[custom-attr='myCustomAttr']").height();

还可以使用自定义属性：

$('div.parallax').height();

<div custom-attr="myCustomAttr"></div>

$("div[custom-attr='myCustomAttr']").height();

$（“div[custom attr='myCustomAttr']）高度（）；

---

还有更多的方法。

在JS代码中，在服务器端使用自动填充的参数：

var nodeToGetHeight = "${nodeId}";
$("#" + nodeToGetHeight).height();

---

这些自动填充的参数可用于填充一个数组，然后该数组可循环多个高度。

当然可以。但我有几个相同类的div，但它们都有不同的id。因此，我想使用ID来获取高度。您可以使用

eq（index）

来过滤正在获取的div:

$（'div.parallax'）.eq（0.height（）。还有更多方法可以过滤泛型选择器调用的元素集合。