如何使用 jQuery 获取所有嵌套的 div 高度

Question

如何从嵌套在 "GO" 中的 div 获取所有高度 div:

<div id="GO" style="max-height: 100px;">
<div style="height: 569px;"></div>
<div style="height: 469px;"></div>
<div style="height: 269px;"></div>
<div style="height: 69px;"></div>
<div style="height: 169px;"></div>
</div>
<div id="STOP">
</div>

我尝试使用此代码

var vales;
vales =$("#GO div").height();
//planB
vales =$("#GO").height();

但是并没有解决我的问题

Answer 1

你想要这样吗？

$("#GO").children().each(function(){
    $(this).height();
});

Answer 2

如您所见，父 div 中有许多子 div，因此您需要遍历子 div 以获取每个子 div。您可以创建一个空白数组，并使用每个循环将高度值推入其中，但我建议您使用 .map() 方法来创建返回值数组。

您可以使用 .map().get()：

var vales = $("#GO div").map(function(){
    // return $(this).css('height'); // only if you want applied css values with 'px' etc.
    return $(this).height();
}).get();

$('pre').html(JSON.stringify(vales));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre></pre>
<div id="GO" style="max-height: 100px;">
<div style="height: 569px;"></div>
<div style="height: 469px;"></div>
<div style="height: 269px;"></div>
<div style="height: 69px;"></div>
<div style="height: 169px;"></div>
</div>
<div id="STOP">
</div>

Answer 3

要迭代 children div 并获取高度值，您可以这样做：

$("#GO > div").each(function() {
    $(this).height();
});

如何使用 jQuery 获取所有嵌套的 div 高度

how to get all nested div heights using jQuery

jquery-selectors