Как просчитать высоту элемента у каждого родителя?

Question

[Расул Гитинов]

Здравствуйте. Вот скриншот:

Изображение каждой записи должно зависеть от высоты заголовка. Вот такой код у меня получился:

$(function(){
	var workH  = $('.work').height(),
		titleH = $('.work__title').height(),
		thumb  = $('.work__thumb');
	thumb.css('height', function(){
		return (workH - titleH - 20) + 'px'
	})
});

Но как я понял, функция вычисляет только первую запись, а остальные по первому.

Как сделать так, чтобы она вычисляла в каждой записи по отдельности?

Comments

[Александр]

какая у вас задача? чтобы картинка за пределы родителя не вываливалась?
добавьте родителю (work) overflow: hidden;

[Расул Гитинов]

Александр, Нет, картинка должна подстраиваться путем вычитаний. Уже дали ответ ниже)

Answer 1

[lemme]

Написан на коленке - возможны опечатки

$('.work').each(function() {
    var work = $(this),
        title = work.find('.work__title'),
        thumb = work.find('.work__thumb');

   thumb.height(work.height() - title.height() - 20)
})

Comments

[Расул Гитинов]

Да, спасибо большое, сработало!