Javascript 如何将每个td元素的高度设置为其宽度？

我有一张100%宽的桌子。它有七列等分宽度。我想做的就是让td元素的高度等于它的动态宽度

有什么想法吗？jquery很好

table { width: 100%;}

---

您可以尝试以下代码：

$( window ).resize(function() {
  $('table>tr').height($('table>td').width());
});

但是。用CSS做这件事是最好的。因为使用javascript重画的计算代价很高。

试试

var w = $("table td").width() + "px";
$("table td").css({ height: w });

---

Op寻找的是单元元素，而不是表格，顺便说一句，它需要动态响应iguess@A.Wolff对不起，这是我的错误，我更新了我的答案。