Jquery 检查控件是否为空并显示 != "none"，为什么不起作用？

Question

以下 if 语句。

emptyFields = false;
   $(".ClassNanme").each(function() {
      if(($.trim($(this).val()) == "") && ($(this).css('display') != 'none' ) {
        emptyFields = true;
    return false; // break out of the each-loop
      }
   });

但是不起作用，我不知道如何使用 jquery 检查 css 属性显示是否设置为无。

此 if 语句应在其中一个对象为空或其 css 属性显示未设置为 none 时进行选择。

检查值是否为空有效，我坚持的是检查对象是否隐藏(或显示:无)。

谢谢。

塞萨尔。

Answer 1

   emptyFields = false;
   $(".ClassName").each(function() {
      if($.trim($(this).val()) === "" && $(this).is(":hidden")) {
        emptyFields = true;
        return false; // break out of the each-loop
      }
   });

在我看来，使用 is(":hidden") 比检查实际的 CSS 值在语法上更清晰、更易于阅读。试一试。

此外，在与空字符串进行比较时使用 ===(类型相等)。

编辑:啊，把“可见”改成“隐藏”——我的错误。