Получить точную высоту элемента

Question

У меня возникли трудности с правильной высотой элементов. Когда я делаю это с помощью jQuery:

$(this).find(".item:first").height(); 

Я получаю 14, но на самом деле это 18px.

Я пытаюсь поместить элементы внутри другого div и добавить переполнение. Моя мысль заключалась в том, чтобы получить высоту одного предмета, а затем умножить на количество предметов, которые хотите показать. Из-за неправильного чтения я, похоже, не могу выполнить это правильно.

Что я делаю неправильно?

Можно ли подсчитать высоту группы предметов, скажем, 1-5, если все они имеют один и тот же класс и идентичны?

Answer 1

Вы (вероятно) ищут .outerHeight():

$(this).find(".item:first").outerHeight(true); 

The true счета для полей.

Answer 2

Мои психические навыки отладки говорят мне, что вы ищете .outerHeight(true/false).

Answer 3

Пробег: outerHeight(). Использование только height() не учитывает маржу и заполнение элемента.

Answer 4

Возможно, вы должны использовать outerHeight, который необязательно (путем передачи true) включает в себя маржу в его расчетах.

Answer 5

родное свойство offsetHeight даст вам фактическую высоту элемента, включая границу и отступ. http://jsfiddle.net/AY6DV/