var asc_active = function(a, b) {
var av = Number($(a).find('.active_num .v').html());
var bv = Number($(b).find('.active_num .v').html());
return av>bv ? 1 : -1;
}
var desc_active = function(a, b) {
var av = Number($(a).find('.active_num .v').html());
var bv = Number($(b).find('.active_num .v').html());
return av>bv ? -1 : 1;
}
var asc_high = function(a, b) {
var av = Number($(a).find('.alarm_high30 .v').html());
var bv = Number($(b).find('.alarm_high30 .v').html());
return av>bv ? 1 : -1;
}
var desc_high = function(a, b) {
var av = Number($(a).find('.alarm_high30 .v').html());
var bv = Number($(b).find('.alarm_high30 .v').html());
return av>bv ? -1 : 1;
}
var asc_all = function(a, b) {
var av = Number($(a).find('.alarm_all30 .v').html());
var bv = Number($(b).find('.alarm_all30 .v').html());
return av>bv ? 1 : -1;
}
var desc_all = function(a, b) {
var av = Number($(a).find('.alarm_all30 .v').html());
var bv = Number($(b).find('.alarm_all30 .v').html());
return av>bv ? -1 : 1;
}

var sortByInput = function(sortBy) {
var sortEle = $('#container>div').sort(sortBy);
$('#container').empty().append(sortEle);
bindOnLoad();
}

$('#active_down').click(function() {
sortByInput(desc_active);
});
$('#active_up').click(function() {
sortByInput(asc_active);
});
$('#high_down').click(function() {
sortByInput(desc_high);
show_statistic();
});
$('#high_up').click(function() {
sortByInput(asc_high);
show_statistic();
});
$('#all_down').click(function() {
sortByInput(desc_all);
show_statistic();
});
$('#all_up').click(function() {
sortByInput(asc_all);
show_statistic();
});

jquery <div> 排序的更多相关文章

  1. jQuery 表格排序插件 Tablesorter 使用

    jQuery 表格排序插件 Tablesorter 使用方式如下: 1.引入头文件(注意一定要把jQuery放在前面): <script src="lib/jquery-1.8.3.m ...

  2. jquery 表格排序,实时搜索表格内容

    jquery 表格排序,实时搜索表格内容   演示 XML/HTML Code <table class="table-sort"> <thead> < ...

  3. 一个简洁漂亮的jQuery拖放排序插件DDSort

    拖放排序是WEB应用中常见的功能.虽然网上有很多别人已经造好的轮子,但是就我个人而言,没事就喜欢研究原理,自己造轮子,不管强大与否,简洁够用就是我的目标,再一个就是自己写的东西,应用起来得心应手,修改 ...

  4. jquery数组(排序)

    sort(); html: <h3>字符串数组排序前</h3> <div id="show1"></div> <h3>排 ...

  5. jquery div 下拉框焦点事件

    这章与上一张<jquery input 下拉框(模拟select控件)焦点事件>类似 这章讲述div的焦点事件如何使用 div的焦点事件与input的焦点事件区别在于 需要多添加一个属性: ...

  6. jQuery div内容间隔1秒动态向上滚动HTML、JS代码

    demo1: <!DOCTYPE html> <html> <head> <title>div内容间隔1秒动态滚动</title> < ...

  7. div排序 根据《input》

    jquery代码如下$(function(){//alert($("input").length); var arr=Array(); $("input").e ...

  8. jquery div拖动效果示例代码

    div拖动效果想必大家都有见到过吧,实现的方法也是有很多的,下面为大家将介绍使用jquery是如何实现的,感兴趣的朋友不要错过 复制代码代码如下: <%@ page language=" ...

  9. Jquery div边框大全

    网址 http://jquery.malsup.com/corner/ jQuery Corner是一款jQuery的插件,最初由Dave Methvin开发,但后在Malsup同志的协助下,进行了一 ...

随机推荐

  1. mysql_study_5

    代码 mysql> CREATE TABLE shop ( ) UNSIGNED ZEROFILL ' NOT NULL, ) DEFAULT '' NOT NULL, ,) DEFAULT ' ...

  2. workbench使用小笔记(不定期持续更新)

    1. 删除不使用的工作空间 在使用workbench时,之前可能建了好几个工作空间,现在有一些不使用了,每次打开都能还能看到它们,对于强迫症来说多少有一些不爽.如下图: 现在,就把那些不使用的工作空间 ...

  3. python接口自动化-接口重定向和编码格式

    1.如果测试的接口重定向,那么只需添加allow_redirects=False禁止重定向就可: 2.如果请求的结果,中文出现没有解码 \xe9\x83\xad\xe7\xbf\xa0\xe6\x99 ...

  4. Path Analyzer Pro出现raw socket问题

    使用windows7,8以及10平台运行一个traceroute liketools软件,名为Path Analyzer Pro 2.7,遇到raw socket问题,如图: 原因是raw socke ...

  5. iperf详细使用方法

    Iperf  是一个网络性能测试工具.Iperf可以测试TCP和UDP带宽质量.Iperf可以测量最大TCP带宽, 具有多种参数和UDP特性.Iperf可以报告带宽,延迟抖动和数据包丢失. Iperf ...

  6. eclipse上的.properties文件中文编辑显示问题

    安装 装Properties Editor插件,方法: Help --> Install New Software -->输入:http://propedit.sourceforge.jp ...

  7. 【JavaScript】标准日期、中国标准时间、时间戳、毫秒数互转

    转载自:https://blog.csdn.net/IT429/article/details/78341847 看到的一篇比较有用的前端js时间转换方法,留个备份 首先要明确这三种格式是什么样子的: ...

  8. 20175312 2018-2019-2 《Java程序设计》第6周课下选做——类定义

    20175312 2018-2019-2 <Java程序设计>第6周课下选做--类定义 设计思路 1.我觉得Book其实就是一个中转的作用,由测试类Bookself通过Book输入数据,然 ...

  9. 1、docker容器技术基础入门

    Docker和传统虚拟机的区别               参考文章: https://lwn.net/Articles/531114/    操作中的命名空间详解 https://blog.yadu ...

  10. 关于win10触控板两指点击无效的问题

    一.前言 最近发现公司的本本两指点击触控板没有反应,单指和三指点击触控板都是正常的.网上也搜了 一些解决的方法,最开始因为没有明确自己的触控板是Synaptics还是Elan的,导致没有解决.首先我们 ...