Javascript 更改表格行高
我正在尝试将属于特定类的表的行高更改为0 目前我正在这样做:Javascript 更改表格行高,javascript,jquery,css,jquery-selectors,Javascript,Jquery,Css,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"></t
$("#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"
$(“#表#rolecart tbody”).append('开始日期:结束日期:');
$('.hide').height=“0”
它仍然不是零,如何将那些
的高度设置为0或将显示样式设置为无?高度是css属性,因此您可以使用css功能进行设置
$('.hide').css("height", "0");
请注意,您还可以使用隐藏它
$('.hide').css("display", "none");
尝试以下操作:
$('.hide')。高度(0)代码>使用css
功能:
$('.hide').css('height', '0');
如果要将其从视线中移除,还可以设置显示:无
:
$('.hide').css('display', 'none');
您还可以完全删除它们:
$('.hide').remove();
但是,如果不需要动态隐藏它们,则只需使用CSS即可:
.hide {
height: 0;
/* or display: none */
}
以下任一技术都会将行的高度设置为0:
$(".hide").height(0);
$(".hide").css("height", 0);
但是表格很棘手,将高度设置为0不会导致隐藏行。隐藏行的最简单方法是使用以下技术之一:
$(".hide").hide();
$(".hide").css("display", "none");
但是,如果要使用高度隐藏行(无论出于何种原因),请将行高度设置为0。然后,在子单元格上,将填充设置为0(可能还有边框设置为0),并将溢出设置为隐藏
$(".hide").css({
height: 0,
lineHeight: 0
});
$(".hide > *").css({
padding: 0,
overflow: "hidden"
});
但是,在您的情况下,即使这样也不行,因为输入控件仍然显示。您必须将单元格内容包装在一个容器(如div)中并将其隐藏。将CSS与一起使用如何。隐藏{display:none;}
?只需做最后一件事,如何仅将前两行的高度设为0。不是当前行$(“.hide”).prev().prev().andSelf().hide()
应该这样做。或者$(“.hide”).prev().hide().prev().hide()
我发现设置垂直对齐:行中所有TD的中间($(this).find(“TD”).css(“垂直对齐”,“中间”);)与上述技术结合使用时,允许行的高度为0。不知道为什么。