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同志的协助下,进行了一 ...
随机推荐
- 《CSS世界》读书笔记(十六)
<!-- <CSS世界>张鑫旭著 --> line-height与“垂直居中” line-height 可以让单行或多行元素近似垂直居中,原因在于 CSS 中“行距的上下等分机 ...
- 小白のjava实现wc.exe功能
GitHub地址 项目完成情况 基本功能列表(已实现) wc.exe -c file.c //返回文件 file.c 的字符数 wc.exe -w file.c //返回文件 file. ...
- Emote木马分析
前言:网上找的样本是EXE的,没有邮件样本,所以只做了exe分析. 一.Emote木马相关信息 文件: C:\Users\Desktop\Samp.exe 大小: 249856 bytes 文件版本: ...
- 2、每日复习点--ConcurrentHashMap vs HashMap vs LinkedHashMap vs HashTable
HashMap: 查询和插入速度极快,但是线程不安全,在多线程情况下在扩容的情况下可能会形成闭环链路,耗光cpu资源. LinkedHashMap: 基本和HashMap实现类似,多了一个链表来维护元 ...
- golang获取文件的md5
直接展示代码 func md5sum(filepath string) (string, error) { f, err := os.Open(filepath) if err != nil { st ...
- 使用QPlainText代替QText
1.现象 在项目开发中,经常使用QText来显示解析的数据,比如从网络中获取到一个数据包,解析成中文加以显示,当时间过久或者字符串比较多的时候,就会产生一定的卡顿,所以需要限制QText的行数,或者清 ...
- HTML与CSS的一些知识(四)
续: line-height 用于设置一行文本行高,一般用于文本的垂直居中: display 用于设置元素的显示方式 float 浮动,让元素漂浮起来排列 浮动的影响: a.浮动后,行内元素可以支持宽 ...
- [524.A]2019-05-02(星期四)登顶梧桐山邀请
*** 看房活动召集 ***五一期间天气炎热, 除了登山活动, 还将组织看房活动.拥有一套自己的住房是很多深圳人的梦想.政府十三五期间计划供应人才住房和保障性住房35万套, 与需求相比仍很少, 排队的 ...
- ssh 框架整合事,使用注解,action提示找不到
There is no Action mapped for namespace [/] and action name [/select] associated with context path [ ...
- spark DAG 笔记
DAG,有向无环图,Directed Acyclic Graph的缩写,常用于建模. Spark中使用DAG对RDD的关系进行建模,描述了RDD的依赖关系,这种关系也被称之为lineage,RDD的依 ...