查找第一不可見塊的jQuery

Question

HTML：

<div style="display:block">Text</div> 
<div style="display:block">Text</div> 
<div style="display:none">Text</div> 
<div style="display:none">Text</div> 
<div style="display:none">Text</div> 

如何找到第一個無形的塊並使其可見？

如果沒有隱形塊，則什麼也不做。

Answer 1

$('div:hidden:first').show(); 

• div的element-selector^[docs]

• :hidden的hidden-selector^[docs]

• :first的first-selector^[docs]

Answer 2

使用此：

$('div:hidden:first').show(); 

Answer 3

jQuery的有:visible和:hidden選擇：

$('#wrapperContainer > div:hidden:first').show(); 

（推薦的包裝容器，因爲如果你只是做 'DIV：隱藏：第一'，它會獲得第一個隱藏在頁面上的div，這可能不是你想要的）