Манипуляци с CSS свойствами через jQuery?

Question

[Джон Голт]

Предположим у меня есть элемент X с высотой Y. А другому элементу, например Z, я хочу назначить высоту Y+100px.
Средствами CSS через calc передавать свой-во другого элемента нельзя, насколько я знаю. Таким образом, как мне это сделать на jQuery? Допустим я считал CSS свойство элемента X:
var elHeight = $('.element-X').css('height');
Но как мне теперь дальше установить у элемента Z высоту (elHeight + n) ?
Конструкции типа

$('.element-Z').css('height','element-X + 300px');
$('.element-Z').css('height','element-X' + 300px);

разумеется не работают.

Answer 1

[Алексей Уколов]

var elHeight = $('.element-X').height();
$('.element-Z').css('height', elHeight + 300);

Или сразу в одну строку:

$('.element-Z').css('height', $('.element-X').height() + 300);

Comments

[Nikolay Talanov]

Вместо .css('height', ...) надо юзать .height(value).
Почти все подобные методы в jQ являются геттерами/сеттерами.

[Алексей Уколов]

Nikolay Talanov: Именно надо или можно? Какая разница?

[Алексей Уколов]

Почитал исходники, height в данном случае просто обертка над css, так что можно использовать то или другое взаимозаменяемо.

Answer 2

[Андрей Б.]

jsfiddle.net/gdozpopn

Answer 3

[Евгений Конкин]

Я не силен в js но мне кажется так:
$('.element-Z').css('height') + elHeight;