javascript - 使表格单元格响应并使其均匀成方形，填充窗口

Question

我想让表格单元格响应 - 甚至填充所有可用空间（窗口）的正方形。如果表格宽度为 100% - 它占用所有可用空间，均匀分布单元格，但仅水平分布。我用 jquery 编写了小 javascript，在窗口调整大小事件上调用了这个函数：

function windowReszie(){
 $("td").each(function(){
    $(this).css({"height":$(this).width()});
  })
}

但是这种方法很慢，因为我有很多单元格 - 有没有办法只用 css 或任何其他更好、更快的方法来做到这一点？

Answer 1

I see some problem with your approach, you're computing the width for every cell.

I'd do something along the lines of

function windowReszie(){
  var size =$("td").width();
  $("td").height(size);
}

Another approach would be to set a class and change the css rule associated with the class, but that could be a bit tricky (see : Changing a CSS rule-set from Javascript)

Answer 2

尝试仅在第一次添加类<td>，<tr>然后循环遍历该类...无需检查每个<td>项目。