JQuery .val（）と.reduce（すべての値が空であるかどうかを知る）

Question

$（ "[id^= 'txtYear _']"）。

「txtYear_」で始まるIDを持つすべての入力ボックスが空ではない（「」と同じではない）どうすればわかりますか？

私は.val()で.reduceを使用することはできませんよ。

ありがとうございました！

<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">

EDIT：（IE11用）が必要ですES5

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

あなたはフィルタリングフィールドを列挙するために削減し、eachするjQueryのfilterを使用することができます。

$("[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>