Получить высоту первого элемента в jQuery

Question

У меня есть несколько элементов, которые имеют одинаковый класс, но разные высоты. Класс «xyz» имеет только границу. как:

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

Я хочу, чтобы получить 1-ую высоту DIV, который высота = 10px в JQuery.

Я использую следующие для высоты ПОЛУЧИТЬ

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

, но всегда получают 0

Answer 1

$().height() использование $().css('height')

css('height') возвращает точное CSS т.е. 10px.height() и возвращает 10.

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

.xyz { 
 
    height: 10px; 
 
}

<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>

Answer 2

Я думаю, вы должны использовать: эк() селектор JQuery, как, как:

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

это позволит выбрать конкретный DIV с индексом проверки here