如何通過查詢類來檢查DOM中的元素是否隱藏？

Question

鑑於下面的元素（「FileToUpload」），如何測試其類是否設置爲阻止或無？

HTML

<div id=\ "FileToUploadLabel\">File:</td> 
    <td colspan=\ "1\"> 
</div> 
<input type=\ "file\" id=\ "FileToUpload\" name=\ "FileToUpload\" size=\ "70\"/> 

JS

//To show the file control: 
$("#FileToUpload").css("display", "block"); 

//To hide the file control: 
$("#FileToUpload").css("display", "none"); 

基本上我需要測試它在條件語句是這樣的：

if ("FileToUpload not hidden" && $("#FileToUpload").val() == "") 
{ 
    Alert("An file needs to be uploaded when File tag is being displayed."); 
    return; 
} 

謝謝

Answer 1

最簡單的方法是使用內置的 「：可見」 選擇在jQuery的

if($("#FileToUpload").is(":visible") && $("#FileToUpload").val() == ""){ 
    //do something 
} 

Answer 2

上this answer看到您可以使用:hidden選擇：

if($('#FileToUpload:hidden').length && $("#FileToUpload").val()){ 
    Alert("An file needs to be uploaded when File tag is being displayed."); 
    return; 
} 

Answer 3

見this StackOverflow question。使用$(element).is(":visible")檢查它是否隱藏。此外，您可以使用.hide()和.show()更容易地隱藏和顯示元素。

Answer 4

這樣的事情應該爲你工作：

var currDisplay = $("#FileToUpload").css("display"); 


if (currDisplay != "none" && $("#FileToUpload").val() == "") 
{ 
    Alert("An file needs to be uploaded when File tag is being displayed."); 

}