用JQuery找到最大值和最小值

horse_leo_zhcn 2013-07-18 10:47:05
在一个表格中找到最大值和最小值，请帮忙！！！！！

<!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>
...全文
4426 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
xuzuning 2013-07-18
  • 打赏
  • 举报
 回复
注意一个事实：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);
});
一天要饭生活又开始啦 2013-07-18
  • 打赏
  • 举报
 回复
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]);
街头小贩 2013-07-18
  • 打赏
  • 举报
 回复
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>
街头小贩 2013-07-18
  • 打赏
  • 举报
 回复 

<!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="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></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>
<script type="text/javascript">
    jQuery(function($) {
		var oa=[];
        $(".red_one").each(function() {
            //var num = parseInt(this.innerHTML);
            //alert(num);
			oa.push($(this).html());
        });
		oa.sort();
		alert('max:'+oa[oa.length-1]+',min:'+oa[0]);
    });
</script>
</body>
</html>
UEAnswer 2013-07-18
  • 打赏
  • 举报
 回复
所有的值取到数组里，变成数组求最大最小值问题。
ztszhq 2013-07-18
  • 打赏
  • 举报
 回复 

 $(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);
    });
街头小贩 2013-07-18
  • 打赏
  • 举报
 回复
找" <td class="red_one">01</td>"这个吗?
铁克禁卫军 2013-07-18
  • 打赏
  • 举报
 回复
$(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); });
响应式布局字体大小变化利器插件jquery.fontFlex
随着页面的放大或者缩小，字体也跟随着放大或者缩小。 当然，可以设置一个最大值，一个中间值和一个最小值。 此效果多半应用于响应式页面中，或者需要适用多版本终端浏览器的页面中 适用方法： 1、首先要确保你的网页中引入了jQuery库以及本插件 2、给指定的模块调用即可，例如调用方法$('h1').fontFlex(60, 40, 20);三个数字的意思分别是最大值，中间值，最小值
jquery.rangeinput:jQuery插件，用于为输入字段指定最小值和最大值，并在每个范围限制处启用按钮列表
jquery.rangeinput jQuery插件，用于为输入字段指定最小值和最大值，并带有在每个范围限制处启用/禁用的按钮列表。 属性 属性“ data-min”和“ data-max”是必需的。 属性“ data-msg”是可选的，并且仅在传递了选项“ $ msgElement”时才有效。 输入类型必须为“文本”或“数字”。 插件选项 minBtnList {jQuery元素数组}可选-达到最小限制时应禁用的按钮列表 maxBtnList {jQuery元素数组}可选-达到最大限制时应禁用的按钮列表 outOfRangeList {jQuery元素数组}可选-当输入超出最小-最大范围时应禁用的按钮列表 minCB {function}可选-达到最小限制时调用的函数 maxCB {function}可选-达到最大限制时调用的函数 inRangeCB {function}可选-当输
[原创]基于JQUERY的新版Slider滑动条控件
JQUERY原版中的SLIDER在FF下有些卡，且一些功能不像EXT的那么完善，现自创一个SLIDER，具有EXT的完善功能和JQUERY的速度。 特点： 可定义滑动条是水平方向还是垂直方向，最大值及最小值，以及初始值； 可定义滑动条是否显示刻度条，以及刻度条的宽度； 可定义滑动条是否将游标后面的被选区域填充的视觉效果； 可定义是否使用SNAP模式，以及该SNAP模式下每一个步进的大小； 在游标被按下和被拖动时，是否用QUICKTIP显示当前正变化的值，以及QUICKTIP中值的单位，都可自定义； 可以选择控件中INPUT变量的值，在游标被拖动时动态改变，还是在游标被释放后改变； 可自定义当控件中INPUT变量的值被改变时，要触发的事件； 经测试，兼容IE6--IE8，Firefox,chrome浏览器，在非IE浏览器下更加美观:)。
jquery数字智能加减插件spinner.zip
jquery数字智能加减插件spinner是一款支持键盘上下键控制数字增减，可设置最大值和最小值，可设置正数值和负数值的样式。
基于jQuery实现滚动刷新效果
Jquery实现简单的滚动刷新效果： 实际情况使用Ajax获取后台数据更新前端页面即可实现页面滚动刷新效果 HTML正文： <form id="form1" runat="server">
</form> Javascript操作代码： $(document).ready(function() { $(window).scroll(function() { //$(document).scrollTop() 获取垂直滚动的距离:最小值为0，最大值：文档高度-
JavaScript

87,902

社区成员

224,615

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章