这篇文章主要介绍“jquery中如何比较大小”,在日常操作中,相信很多人在jquery中如何比较大小问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”jquery中如何比较大小”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
在jQuery中,比较大小有多种方法。以下是其中的一些方法:
.val()获取元素的值,再用parseFloat()或parseInt()将其转化为数字进行比较。
var num1 = parseFloat($('#input1').val()); var num2 = parseFloat($('#input2').val()); if(num1 > num2){ //... }
使用条件运算符进行比较。
var num1 = $('#input1').val(); var num2 = $('#input2').val(); num1 > num2 ? console.log(num1 + " > " + num2) : console.log(num1 + " < " + num2);
使用if/else语句进行比较。
var num1 = parseFloat($('#input1').val()); var num2 = parseFloat($('#input2').val()); if(num1 > num2){ console.log(num1 + " > " + num2); } else { console.log(num1 + " < " + num2); }
使用jQuery中的$.each()方法,比较一个集合中所有元素的大小。
var numArr = []; $('input').each(function(index){ numArr.push(parseFloat($(this).val())); }); var max = Math.max.apply(null, numArr); var min = Math.min.apply(null, numArr); console.log("Max:" + max + " Min:" + min);
使用jQuery中的$.map()方法,将集合中的元素转化为数字,再进行比较。
var numArr = $('input').map(function(index, elem){ return parseFloat($(elem).val()); }); var max = Math.max.apply(null, numArr); var min = Math.min.apply(null, numArr); console.log("Max:" + max + " Min:" + min);