有没有办法选择具有特定属性值的所有元素？

Question

我正在使用 jQuery 构建一个相当简单的插件来验证表单。当一个元素被评估为有效时，我运行

$(this).prop("valid", false);

在某些情况下，如果有任何内容无效，我将阻止表单提交。本质上我正在寻找一种方法来选择有效属性为 false 的所有元素？我是否必须迭代所有相关元素并检查错误读数，或者是否有一个我忽略的 jQuery 选择器？比如：

$("input[valid=false]");

那就太好了。有什么建议吗？

Answer 1

试试这个...

$('input').filter(function() {
   return this.valid === false; 
});

它将返回其 valid 属性所在的所有 input 元素（您的意思是 :input？） em> false （注意严格相等比较）。

Answer 2

可重用 :invalid jQuery 选择器过滤器

您可以编写一个简单的选择器过滤器：

$.extend($.exp[":"], {
    invalid: function(element) {
        return element.valid === false;
    }
});

然后只需将其与您使用的任何选择器组合起来即可获取元素，即：

// all invalid inputs
$(":input:invalid");
// or all invalid text boxes
$("input[type=text]:invalid");

就是这样。

让我们将所有内容放在一个简单的插件中，您可以轻松地将其包含在脚本代码中或放入脚本文件中（如果您使用相同的验证功能，则可以在多个页面以及多个应用程序上实现可重用性）：

(function($) {

    $.extend($.exp[":"], {
        invalid: function(element) {
            return element.valid === false;
        }
    });

})(jQuery);

Answer 3

使用这个：

$(':input').each( function() {
   return $(this).prop('valid');
});