I have a number of input[type=text] fields on my page and I want to loop through all of them in order to find and return the highest value.
Is there a way to do this with jQuery?
Thanks for any help.
-
possible duplicate of find the textfield which has got maximum value-jqueryJunuxx– Junuxx2012-10-31 00:18:42 +00:00Commented Oct 31, 2012 at 0:18
Add a comment
|
2 Answers
Here is one solution:
var highest = -Infinity;
$("input[type='text']").each(function() {
highest = Math.max(highest, parseFloat(this.value));
});
console.log(highest);
Here is another solution:
var highest = $("input[type='text']").map(function() {
return parseFloat(this.value);
}).get().sort().pop();
console.log(highest);
4 Comments
Gabe
No reason for a duplicate answer... +1
Martin
And how about this? highest = Math.max(highest, this.value*1); for avoid non-numeric values and NaN
vee
$(...).map(...).sort(...).pop is not a function
VisioN
@vee Back to 2012
map() was returning array-like jQuery collection object with array prototype methods. Now we have to be strict and use get() to receive pure JavaScript array from jQuery collection. Please see the updated answer.Use Math.max function:
var nums = [];
$("input[type=text]").each( function() { nums.push( $(this).val() ); });
var max = Math.max.apply(Math, nums);
1 Comment
Tintin81
Thanks for your help. Will try this one as well.