jquery - 如何通过查询类来检查 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 中内置的“:visible”选择器

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