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

时间:2016-01-08 07:53:19

标签: jquery-selectors

如何将div中的所有高度嵌套在" GO" 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();

但它并没有解决我的问题

3 个答案:

答案 0 :(得分:2)

要迭代子div并获得高度值,您可以执行以下操作:

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

答案 1 :(得分:1)

正如你所看到的,你在父母中有很多孩子的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>

答案 2 :(得分:0)

你想这样吗?

 public class SampleClass
{
  public SampleClass()
  {
     mHTble = new Hashtable<Integer, Integer>();
   }
}