jquery <div> 排序
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> 排序的更多相关文章
- jQuery 表格排序插件 Tablesorter 使用
		
jQuery 表格排序插件 Tablesorter 使用方式如下: 1.引入头文件(注意一定要把jQuery放在前面): <script src="lib/jquery-1.8.3.m ...
 - jquery 表格排序,实时搜索表格内容
		
jquery 表格排序,实时搜索表格内容 演示 XML/HTML Code <table class="table-sort"> <thead> < ...
 - 一个简洁漂亮的jQuery拖放排序插件DDSort
		
拖放排序是WEB应用中常见的功能.虽然网上有很多别人已经造好的轮子,但是就我个人而言,没事就喜欢研究原理,自己造轮子,不管强大与否,简洁够用就是我的目标,再一个就是自己写的东西,应用起来得心应手,修改 ...
 - jquery数组(排序)
		
sort(); html: <h3>字符串数组排序前</h3> <div id="show1"></div> <h3>排 ...
 - jquery div 下拉框焦点事件
		
这章与上一张<jquery input 下拉框(模拟select控件)焦点事件>类似 这章讲述div的焦点事件如何使用 div的焦点事件与input的焦点事件区别在于 需要多添加一个属性: ...
 - jQuery div内容间隔1秒动态向上滚动HTML、JS代码
		
demo1: <!DOCTYPE html> <html> <head> <title>div内容间隔1秒动态滚动</title> < ...
 - div排序   根据《input》
		
jquery代码如下$(function(){//alert($("input").length); var arr=Array(); $("input").e ...
 - jquery div拖动效果示例代码
		
div拖动效果想必大家都有见到过吧,实现的方法也是有很多的,下面为大家将介绍使用jquery是如何实现的,感兴趣的朋友不要错过 复制代码代码如下: <%@ page language=" ...
 - Jquery div边框大全
		
网址 http://jquery.malsup.com/corner/ jQuery Corner是一款jQuery的插件,最初由Dave Methvin开发,但后在Malsup同志的协助下,进行了一 ...
 
随机推荐
- php中 "$$" 的详解
			
php中 $$str 这种写法称为可变变量 有时候使用可变变量名是很方便的.就是说,一个变量的变量名可以动态的设置和使用.一个普通的变量通过声明来设置,例如: <?php $a = " ...
 - android上instant app介绍 类似于微信小程序
			
android上instant app介绍 类似于微信小程序instant app 是谷歌推出的类似于微信小程序(或者说小程序类似于instant app)的一项技术,用户无须安装应用,用完就走,同时 ...
 - SpringBoot+Thymeleaf问题
			
springboot在controller返回数据到thymeleaf报404 用springboot做一个例子,访问controller可以返回数据,但是到thymeleaf却报404, 检查发现路 ...
 - nodejs笔记之流(stream)
			
nodejs的stream有四种流类型: 可读:Readable可写:Writable可读可写:Duplex操作被写入数据,然后读出结果:Transform常用事件:data:有数据可读时触发end: ...
 - SpringBoot 项目打包分开lib,配置和资源文件
			
原文地址:https://blog.csdn.net/u012811805/article/details/80878848 1 jar启动分离依赖lib和配置 先前发布boot项目的时候,改动一点东 ...
 - 自制操作系统Antz(9)——实现内核 (下) 实现图形化界面
			
Antz系统更新地址: https://www.cnblogs.com/LexMoon/category/1262287.html Linux内核源码分析地址:https://www.cnblogs. ...
 - 【MySQL】redo log --- 刷入磁盘过程
			
1.redo log基本概念 redo log的相关概念这里就不再过多阐述,网上有非常多的好的资料,可以看下缥缈大神的文章:https://www.cnblogs.com/cuisi/p/652507 ...
 - loj 6008 餐巾计划 - 费用流
			
题目传送门 传送门 题目大意 (经典题还不知道题意?) 容易想到需要把未使用的餐巾和已经使用的餐巾分开. 设$X_i$表示第$i$天已经的使用餐巾的点,设$Y_i$表示第$i$天还未使用的餐巾的点 我 ...
 - 函数def
			
函数:把执行一定功能的动作封装到一起>>> def 函数名(形参) 通过一个 函数名(实参) 去调用它,传参来执行功能.动作,输出结果 .定义:def ...
 - 除了使用new关键字,还有什么方法可以创建Java对象呢?
			
今天来盘点一下除了使用 "new" 关键字创建对象,还有什么方法可以创建Java对象呢? 因为是创建对象,所以这里ioc容器不在范围内 我们先看一下常用的new关键字创建 Clas ...