如何检查输入元素是否被隐藏？

Question

如何检查输入元素是否被隐藏？

Answer 1

隐藏为 type="hidden"

$("#myInputElement").attr('type') == 'hidden'

隐藏为 display: none

$("#myInputElement").is(":hidden")

Answer 2

nickf是正确的,但是对于由style(style="display:none;")或它的type属性(type="hidden")隐藏的输入会产生相同的效果.
考虑以下html:

<input id="first" type="hidden" />
<input id="second" type="text" style="display:none;"/>

以上两个输入都有:hidden伪类,但只有一个具有hidden类型.假设这是您正在寻找的(因为输入是唯一可以具有隐藏类型的元素,并且您想要检查输入元素是否被隐藏,而不仅仅是任何其他元素),对问题的正确答案是检查元素的type属性:

document.getElementById('first').getAttribute('type') == 'hidden';// true
// although this input is also hidden, it wouldn't pass the check
document.getElementById('second').getAttribute('type') == 'hidden';// false

当然还有jquery方式:

$('#first').attr('type') == 'hidden';// true
$('#second').attr('type') == 'hidden';// false

如果您只对普通可见性属性感兴趣,那么jquery伪类可以解决这个问题:

$('#first').is(':hidden');
// or another way
$('#first:hidden').length != 0;