Jquery在child可见时更改父高度

Jquery在child可见时更改父高度,jquery,html,Jquery,Html,和我的朋友一起填写表格 当出现填充错误时,会弹出输入错误,这会改变输入错误的高度,从而向下推填充表单 我想在子属性可见时更改父级高度 这就是我测试的东西,但不知怎么的不起作用 <script> $(document).ready(function(){ if($("#txtFullName").attr("visibility","visible")){ $("#txtFullName").parent().css("height","30px"); }); &

和我的朋友一起填写表格

当出现填充错误时,会弹出输入错误,这会改变输入错误的高度,从而向下推填充表单

我想在子属性可见时更改父级高度

这就是我测试的东西,但不知怎么的不起作用

<script>
$(document).ready(function(){
   if($("#txtFullName").attr("visibility","visible")){
        $("#txtFullName").parent().css("height","30px");
});
</script>

$(文档).ready(函数(){
if($(“#txtFullName”).attr(“可见性”、“可见”)){
$(“#txtFullName”).parent().css(“高度”,“30px”);
});

$(文档).ready(函数(){
if($(“#txtFullName”).attr(“可见性”、“可见”)){
$(“#txtFullName”).parent().css(“高度”,“30px”);
}
});
如果条件,则缺少一个结束括号。可见性也是css属性,因此需要使用
$(“#txtFullName”).css(“可见性”)

.css
.attr
传递第二个参数表示您正在设置该属性的值。
$(“#txtFullName”).css(“可见性”)
就足够了

在使用可见性时还需要注意的一点是,可见性设置为“隐藏”的元素不可见,但仍保留它所占用的空间。因此,您将在最初渲染它的位置看到一个空白空间

您还可以使用
.is(“:visible”)
方法检查元素是否可见。例如,
$(“#txtFullName”).is(“:visible”)


$(文档).ready(函数(){
if($(“#txtFullName”).attr(“可见性”、“可见”)){
$(“#txtFullName”).parent().css(“高度”,“30px”);
}
});
如果条件,则缺少一个结束括号。可见性也是css属性,因此需要使用
$(“#txtFullName”).css(“可见性”)

.css
.attr
传递第二个参数表示您正在设置该属性的值。
$(“#txtFullName”).css(“可见性”)
就足够了

在使用可见性时还需要注意的一点是,可见性设置为“隐藏”的元素不可见,但仍保留它所占用的空间。因此,您将在最初渲染它的位置看到一个空白空间

您还可以使用
.is(“:visible”)
方法检查元素是否可见。例如,
$(“#txtFullName”).is(“:visible”)

使用
is
条件将有助于满足您的需求

我相信使用
is
条件将有助于满足您的需求。

因为可见性不是有效的HTML属性,所以您应该使用.is(“:visible”)

但是,在.NET环境中,可见性是一个被使用的属性。As是隐藏的。但这些是.NET自己的属性,而不是HTML的属性,因此jQuery可能无法检测到它们

.is(“:visible”)方法检查所选元素是否可见。无论它如何隐藏或显示

if($("#txtFullName").is(":visible")){
  $("#txtFullName").parent().css("height","30px");
}
因为可见性不是有效的HTML属性,所以应该使用.is(“:visible”)

但是,在.NET环境中,可见性是一个被使用的属性。As是隐藏的。但这些是.NET自己的属性,而不是HTML的属性,因此jQuery可能无法检测到它们

.is(“:visible”)方法检查所选元素是否可见。无论它如何隐藏或显示

if($("#txtFullName").is(":visible")){
  $("#txtFullName").parent().css("height","30px");
}

它是一个属性吗?您没有使用CSS设置它?
可见性
不是有效的HTML属性。您的意思是检查CSS样式吗?它是一个属性吗?您没有使用CSS设置它?
可见性
不是有效的HTML属性。您的意思是检查CSS样式吗?
$(document).ready(function(){
   if($("#txtFullName").is(":visible")) {
        $("#txtFullName").parent().css("height","30px");
   }
   else {
        $("#txtFullName").parent().css("height","0px");
   }
});
if($("#txtFullName").is(":visible")){
  $("#txtFullName").parent().css("height","30px");
}