在jQuery中获取第一个元素高度

Question

我有多个具有相同类但高度不同的元素。 上课＆＃39; xyz＆＃39;有边界。 像：

<div class='xyz'></div> //1st height=10px
<div class='xyz'></div> //2nd height=5px
<div class='xyz'></div> //3rd height=20px

我想在jQuery中得到第一个div高度，即height = 10px。

我正在使用以下来获取身高

$('.xyz').height();

但总是得到0

Answer 1

使用$().css('height') $().height()

css('height')返回确切的css，即10px和.height()返回10。

＆＃13;

＆＃13;

console.log($('.xyz').css('height'));
console.log($('.xyz').height());

＆＃13;

.xyz {
  height: 10px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='xyz'></div>
<div class='xyz'></div>
<div class='xyz'></div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

我认为你必须使用：jQuery的eq（）选择器，如：

$('div.height:eq(0)').css('height');

它将允许选择具有索引结帐的特定div here