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. PHP百度AI的OCR图片文字识别

    第一步可定要获取百度的三个东西 要到百度AI网站(http://ai.baidu.com/)去注册 然后获得 -const APP_ID = '请填写你的appid'; -const API_KEY ...

  2. vue-loader的理解

    1.vue-loader是webpack的加载器,允许以单文件组件(SFC)的格式创作Vue组件 2.允许对Vue组件的每个部分使用其他webpack加载器 3.允许.vue文件中的自定义块可以应用自 ...

  3. oracle使用 extract获取当前时间,并比较两个时间

    --根据当前时间戳获取年月日时分秒,其中sysdate不能用于获取时分秒select systimestamp, extract(year from systimestamp) year ,extra ...

  4. jmeter java requst请求

    https://wangym.iteye.com/blog/731729 http://www.cnblogs.com/yangxia-test/p/4019541.html https://blog ...

  5. Jenkins>>>应用篇>>>插件使用>>>Publish over SSH

    依赖环境 SSH: 远程机开启SSH服务.同意Jenkins所在机器通过SSH服务登录到远程机运行脚本. 能够设置SSH使用username/password或通过key登录,SSH配置请查专门的资料 ...

  6. 用JavaScript写一个简单的计算器

    本文使用js实现了一个简单的加.减.乘.除计算器. 以下是css部分代码: *{ padding:0; margin:0; color: #424242; } .outer{ width:300px; ...

  7. 我最喜欢的Mybatis 3.5新特性!超实用!

    Mybatis 3.5 发布有段时间了,终于支持了 Optional ,这么实用的特性,竟然还没人安利……于是本文出现了. 新特性比较简单,但非常实用,因为能大量简化恶心的判空代码. WARNING ...

  8. android开发_view和view属性

    一.view视图的宽度和高度属性,属性值:固定和浮动两种状态 1属性为固定值 <View android:layout_width="30dp" android:layout ...

  9. js中的所有鼠标事件 键盘事件

    https://www.cnblogs.com/torchstar/p/null.html

  10. 不校验csrf

    from django.views.decorators.csrf import csrf_exempt@csrf_exemptdef a(request): pass