读书人

用JQuery找出最大值和最小值

发布时间: 2013-07-26 11:27:42 作者: rapoo

用JQuery找到最大值和最小值
在一个表格中找到最大值和最小值,请帮忙!!!!!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="JQuery/jquery-1.10.1.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$(".red_one",this).each(function() {
var num = parseInt(this.innerHTML);
alert(num);
});
});
</script>
</head>

<body>

<table width="500" border="1" cellspacing="0" cellpadding="0">
<tr>
<td class="red_one">01</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="red_one">04</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="red_one">09</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
jQuery JavaScript


[解决办法]


$(document).ready(function() {
var maxNum=0;
var minNum=parseInt($(".red_one",this).eq(0).html());
$(".red_one",this).each(function() {
var num = parseInt(this.innerHTML);
if(num>maxNum)
{maxNum=num;}
if(num<minNum)
{
minNum=num;
}
});
alert(maxNum);
alert(minNum);
});


[解决办法]
4楼的错了,示例:

<script type="text/javascript">
jQuery(function($) {
var oa=[1,10,11,9,90,100,2];
oa.sort(function(a,b){
return a-b;
});
alert('max:'+oa[oa.length-1]+',min:'+oa[0]);
});
</script>

[解决办法]
var arr = [];
$('table tr').each(function() {
$(this).find('td').each(function() {
arr.push($(this).val());
});
});

arr.sort(function(value1, value2) {
return value2 - value1;
});

alert(arr[0] + ' ' + arr[arr.length-1]);
[解决办法]
注意一个事实:parseInt('09') 得到的是 0 而不是 9


$(document).ready(function() {
var max='00', min='99';
$(".red_one").each(function() {
var t = $(this).html();


max = t > max ? t : max;
min = t < min ? t : min;
});
alert('max:'+max+' min:'+min);
});

读书人网 >JavaScript

热点推荐