[英]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: 您可以使用
call
将Array#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.