Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改表格行高_Javascript_Jquery_Css_Jquery Selectors - Fatal编程技术网

Javascript 更改表格行高

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

我正在尝试将属于特定类的表的行高更改为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"
$(“#表#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。不知道为什么。