Изменить высоту td?

Question

[Денис Т]

Задача состоит в том, чтобы брать высоту td из tbody и выставлять соответствующую высоту у td в thead.
Накидал такой код

for (var i = 0; i < $('.table thead > tr > td').length; i++) {
   var el1 = $('.table thead > tr > td')[i],
       el2 = $('.table tbody > tr:first-child > td')[i];
   $(el1).css({'height': el2.outerHeight() + 'px'});
  }

Но выскакивает такая ошибка: Uncaught TypeError: el2.outerHeight is not a function
Подскажите юному зеленому верстальщику.

Answer 1

[Александр Коротаев]

$('.table thead > tr > td').each(function(i){
   var el1 = $(this),
         el2 = $('.table tbody > tr:first-child > td').eq(i);
   el1.height(el2.outerHeight());
})

Comments

[Денис Т]

не помогло(
все td в thead стали одного размера

[Александр Коротаев]

Денис Тюкавин: пилите пример на jsfiddle, не понятно как выглядит изначальная таблица тогда

[Денис Т]

Александр Коротаев: codepen.io/slow_D/pen/BQybRj

[Александр Коротаев]

Денис Тюкавин: ну раз вы верстальщик а почему тут просто не сделать обычную таблицу и при помощи td:first-child не сделать цвет для первой td ?

[Александр Коротаев]

Денис Тюкавин: codepen.io/anon/pen/oYgVdR так конечно работает, но JS тут не нужен

[Денис Т]

Александр Коротаев: потому что задача такая стоит, не надо копать глубже
помогли и на этом спасибо