jQuery .each函数在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以及width和height和action是表单数据库。

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());
});

要么

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

Answer 2

尝试以下

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

你可以在这个小提琴中检查一下