更改表格行高

pri*_*dev 2 javascript css jquery jquery-selectors

我试图将属于特定类的表的行高更改为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"
Run Code Online (Sandbox Code Playgroud)

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

Ry-*_*Ry- 5

使用css功能:

$('.hide').css('height', '0');
Run Code Online (Sandbox Code Playgroud)

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

$('.hide').css('display', 'none');
Run Code Online (Sandbox Code Playgroud)

您也可以完全删除它们:

$('.hide').remove();
Run Code Online (Sandbox Code Playgroud)

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

.hide {
    height: 0;
    /* or display: none */
}
Run Code Online (Sandbox Code Playgroud)