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

Question

我的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">  

我想计算这个div的高度。我能够使用静态ID

为div工作

$(".testt").height();

http://jsfiddle.net/m7cyw70y/

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

Answer 1

您可以使用其他属性而不是ID。使用class属性的示例：

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

您还可以使用自定义属性：

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

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

还有更多的方法。

Answer 2

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

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

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