jQuery。各機能がhtmlテーブルで正しく機能しない

Question

jQueryでテーブルのディメンションを取得する際に問題があります。

if(something) { 
    echo '<tr class="trclass" height="'.$a['percentHeight'].'%" colspan="'.$a['col_span'].'">'; 
} 

if(something else) { 
    echo '<td class="tdclass" width="'.$a['percentWidth'].'%" rowspan="'.$a['row_span'].'">'; 
    if (condition == 1) echo $action['1']; 
    if (condition == 2) echo $action['2']; 
    if (condition == 3) echo $action['3']; 
} 
echo '</td>'; 

COL、row_spanと幅と高さとアクションフォームデータベースである：

私はこのようなループから生成されたテーブルを有しています。

1. すべてのページで、この表は異なる場合があります。テーブルのスケルトンの

2. 寸法は大丈夫ですとアクションは、適切な細胞に表示されているが、私は、セルの寸法にアクションの寸法に合うようにしたいです。

しかし、私はコンソールにのみ表示するには、このような各セルの絶頂しようとすると：

$('#table tr').each (function() { 

    console.log($('td').height()); 

またはこの：

$('.tdclass').each (function() { 

    console.log($(this).height()); 

を、それが唯一の番号を表示していますし、私ができます各セルのCSSを変更しないでください。誰かがこれを正しく行う方法を教えてもらえますか？

Answer 1

$('#table tr').each (function() { 
    console.log($($(this).find('td').get(0)).height()); 
}); 

OR

$('#table tr').each (function() { 
    $(this).find('td').each(function(){ 
    console.log($(this).height()); 
    }) 
}); 

Answer 2

あなたはこのFiddle