简体   繁体   English

了解ES5中是否所有输入框都为空(此ES6的ES5等效于什么?)

[英]Knowing if all input boxes are empty in ES5 (what is the ES5 equivalent of this ES6?)

Trying to know if all input boxes with an ID starting with 'txtYear_' are empty. 试图确定ID为'txtYear_'的所有输入框是否为空。 I have the following ES6 code, but I would like a ES5 equivalent: 我有以下ES6代码,但我想要等效的ES5:

Thanks! 谢谢!

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

You can use call to apply Array#every to any array-like object: 您可以使用callArray#every应用于任何类似数组的对象:

var allNotEmpty = Array.prototype.every.call($("[id^='txtYear_']"), function(e) {
  return e.value !== "";    
});

Side note: selectors like $("[id^='txtYear_']") are a good sign you should be using a class instead. 旁注: $("[id^='txtYear_']")类的选择器是一个好兆头,您应该改用类。

You could use the .each function from jQuery. 您可以使用jQuery中的.each函数。

 var allNotEmpty = true; $("[id^='txtYear_']").each(function(i, el) { allNotEmpty = allNotEmpty && el.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"> 

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM