Javascript 如果元素隐藏,请执行某些操作

Javascript 如果元素隐藏,请执行某些操作,javascript,jquery,html,Javascript,Jquery,Html,如何使用jquery检查元素是否可见或隐藏并执行某些操作 下面是我的表单相关代码 <form> First name: <input type="text" name="firstname"><br> Last name: <input type="text" name="lastname"><br> Full name: <input type="text" name="fullname"><br> DOB:

如何使用jquery检查元素是否可见或隐藏并执行某些操作

下面是我的表单相关代码

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname"><br>
Full name: <input type="text" name="fullname"><br>
DOB: <input type="text" name="dob">
Address: <input type="text" name="address">
</form>

名字:
姓氏:
全名:
出生日期: 地址:
当显示名文本字段或姓文本字段时,我需要隐藏全名文本字段。

您应该更改

<input type="text" name="fullname"> 
to 
<input type="hidden" name="fullname">

要隐藏输入字段,请尝试以下操作

if($('#testElement').is(':visible')){
   //what you want to do when is visible
}
为您的代码

if($('input[name="firstname"], input[name="lastname"]').is(':visible')){
  $('input[name="fullname"]').hide();
}
参考文献


我不知道你的问题背后的逻辑,但是这个演示应该可以做到这一点


我添加了一些父div来隐藏文本和输入。如果需要,您可以将文本包装在标签标签中,以便更清晰地输出。

很抱歉,我以前没有看到此答案。:hidden,或:visible selectors lasttname?看来你复制粘贴了错误:-)@Vishal解决了它。。。
if($('input[name="firstname"], input[name="lastname"]').is(':visible')){
  $('input[name="fullname"]').hide();
}
$(document).ready(function(){
if($('#firstname').is(':visible') || $('#lastname').is(':visible'))
    $('#fullname').parent().hide();

})