javascript - 更改表格行高

Question

我正在尝试将属于特定类的表的行高更改为 0。

目前我正在这样做:

$("#table_rolecart tbody").append('<tr class='hide'><td>Start Date: <input type="text" value="" id="ar_startdate"></td><td>End Date: <input type="text" value="" id="ar_enddate"></td></tr>');
$('.hide').height = "0"

它仍然不为零，如何将高度设置为 0 或将显示样式设置为无 <tr>是吗？

Answer 1

使用css函数:

$('.hide').css('height', '0');

如果你想将它们从视线中移除，还可以设置display: none:

$('.hide').css('display', 'none');

您也可以完全删除它们:

$('.hide').remove();

但是，如果您不需要动态隐藏它们，则应该只使用 CSS:

.hide {
    height: 0;
    /* or display: none */
}