Jquery .val（）with .reduce（知道是否所有值都为空）

Question

$（“[id^='txtYear _']”）。val（）;

如何知道ID为'txtYear_'的所有输入框是否为空（不等于“”）？我不能使用.reduce和.val()。

谢谢大家！

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="txtYear_1" value="1"> 
 
<input id="txtYear_2" value="2"> 
 
<input id="txtYear_3" value="3"> 
 
<input id="txtYear_4" value="4"> 
 
<input id="txtYear_5" value="5"> 
 
<input id="txtYear_6" value="6"> 
 
<input id="txtYear_7" value="7">

编辑：极品ES5（对于IE11）

Answer 1

我会用纯JS为every，不知道是否jQuery有一个等价的。

let allNotEmpty = Array.from($("[id^='txtYear_']")).every(function(e) { 
 
    return e.value !== "";  
 
}) 
 

 
console.log(allNotEmpty);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="txtYear_1" value="1"> 
 
<input id="txtYear_2" value="2"> 
 
<input id="txtYear_3" value="3"> 
 
<input id="txtYear_4" value="4"> 
 
<input id="txtYear_5" value="5"> 
 
<input id="txtYear_6" value="6"> 
 
<input id="txtYear_7" value="7">

Answer 2

您可以使用jQuery filter减少和each枚举过滤字段：

$("[id^='txtYear_']").filter(function() { 
 
    return $(this).val().length > 0; 
 
}).each(function(i, el) { 
 
    console.log($(this).val()); 
 
    $(this).css('border-color', 'green'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="foo" > 
 
    <input id="txtYear_1" value="" size="50"/> 
 
    <input id="txtYear_2" value="" size="50"/> 
 
    <input id="txtYear_3" value="some_value" size="50"/> 
 
</div>