檢查是否所有元素滿足條件

Question

我需要一個jQuery濾波器/圖/每種類型的功能，以檢查是否所有元素滿足條件：

function areAllValid(inputs){ 
    return $.someFunction(inputs, function(input) { return input.length > 0; }); 
} 

如果所有輸入具有長度> 0 someFunction應返回true。在jQuery中是否這樣？

Answer 1

答案是肯定的，它有一個方法grep可以滿足您的要求。例如：

inputs= jQuery.grep(inputs, function(input){ 
return input.length>0; 
}); 
if(inputs.length>0) return true; 
return false; 

我沒有測試它，或許它有微小的問題，但應該差不多是這樣。

Answer 2

這將遍歷每個項目，並將條件與以前的結果進行比較，以便只有在條件對所有項目都爲真時纔會返回true。你當然可以使用回調函數替換條件，並且執行inputs.each(而不是$('input')，但是您可能需要稍微調整代碼，具體取決於輸入是否是jquery對象。

var all = true; 
    $('input').each(function(index, value) { 
    all = all & ($(value).val().length > 0); 
    }); 
return all; 

Answer 3

不完全是，但它很容易地創建一個：

$.eachCondition = function (obj, conditionFunction){ 
     var trueCount=0; 
     var falseCount=0; 

     $.each(obj, function (i,v) { 
      if (conditionFunction.call(this,i,v)) { 
      trueCount++; 
      } 
      else { 
      falseCount++; 
      } 
      }); 
      if (falseCount===0) { 
      return true; 
      } 
      if (trueCount===0) { 
      return false; 
      } 
      return undefined; 
     }; 
     $.fn.eachCondition = function (conditionFunction) { 
     return $.eachCondition(this, conditionFunction); 
     }; 

這裏正在測試：http://jsbin.com/iwanof/2/

Answer 4

我通常使用下面的表格來獲得比賽在JQuery中

$.map($("[some selector]"), function(e) { 
    return ([some matching mechanism]); 
}).indexOf(false) == -1; 

在您的具體情況下，它看起來像這樣：

$.map(inputs, function(e) { 
 
    return (e.length > 0); 
 
}).indexOf(false) == -1;

希望這可以節省一些時間。

Answer 5

你不需要使用jQuery來做到這一點。您可以使用IE9 +支持的Array.prototype.every在原生JavaScript中執行此操作。

function areAllValid(inputs){ 
    return inputs.every(function(input) { return input.length > 0; }); 
} 

如果您正在使用的EcmaScript 2015年，您可以進一步整理一下：

var areAllValid = inputs => inputs.every(input => input.length > 0); 

Answer 6

存在由現有的解答未解決一些小的優化問題，所以我把我的帽子環與我認爲是最具可讀性/性能的代碼。

添加一個jQuery的擴展方法，這樣將短路：

/** 
* Determines whether all elements of a sequence satisfy a condition. 
* @@param {function} predicate - A function to test each element for a condition. 
* @@return {boolean} true if every element of the source sequence passes the test in the specified predicate 
*/ 
$.fn.all = function (predicate) { 
    $(this).each(function (i, el) { 
     if (!predicate.call(this, i, el)) return false; 
    }); 
    // we made it this far, we're good. 
    return true; 
}; 

然後調用它像這樣：

var allValid = $("form :input").all(function() { 
        return $(this).valid(); 
       }); 

Answer 7

快速小的jQuery：

$(document).ready(function() { 
    $('form input').keyUp(function() { 
    var allValid = true; 
    $.each($('form input'), function(input) { 
     allValid = input.val().length > 0 
    } 
    if (allValid) 
     ... 
    else 
     ... 
    }) 
}); 

Answer 8

function areAllValid(inputs){ 
    return Array.prototype.every.call(inputs, function(input) { return input.length > 0; }); 
}