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
}

Answer 2

请参阅此 StackOverflow 问题。用于$(element).is(":visible")检查它是否隐藏。此外，您可以使用.hide()和.show()更轻松地隐藏和显示元素。

Answer 3

像这样的东西应该适合你：

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


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

}

Answer 4

如this answer所示，您可以使用:hidden选择器：

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