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>