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同志的协助下,进行了一 ...
随机推荐
- Mysql AVG() 值 返回NULL而非空结果集
[1]select 查询返回一行NULL 先来模拟复现一下遇到的问题. (1)源数据表grades,学生成绩表 (2)查询SQL语句 查询‘080601’班的各门课平均成绩 SELECT sClass ...
- 软件测试实验四----mujava变异测试
1.整个路径结构 2.具体内容 2.1mujava的安装 2.1.1更改CLASSPATH环境变量,使命令行可以找到mujava的路径,方便之后mujava的使用. 2.1.2在系统某一路径下按照格式 ...
- 【记录】Linux安装jave-web环境
依照教程记录 -java https://blog.csdn.net/a360616218/article/details/76736988 -tomcat https://www.cnblogs.c ...
- PHP代码-数据爬取(a标签和a标签所对应的内容)
public function export(){ set_time_limit(1000); // header("Content-type: text/html; charset=utf ...
- flutter packages.
connectivity This plugin allows Flutter apps to discover network connectivity and configure themselv ...
- WIN10下微信崩溃(已经是最新版)的解决方法
微信运行错误---------------------------你的微信崩溃次数较多,建议使用最新版本,点击"确定"到官网(http://pc.weixin.qq.com/)下载 ...
- P4177 [CEOI2008]order(网络流)最大权闭合子图
P4177 [CEOI2008]order 如果不能租机器,这就是最大权闭合子图的题: 给定每个点的$val$,并给出限制条件:如果取点$x$,那么必须取$y_1,y_2,y_3......$,满足$ ...
- Extundelete 数据恢复
Extundelete 数据恢复 “rm -rf /*” 是我们经常使用的命令,操作不慎全盘接蹦,从删库到跑路,身为过来人的我们都经历过rm带来的痛苦. 不要慌,当我们有了Extundelete就可以 ...
- 关于SQL优化的一点建议
前段时间一直在做关于性能优化相关的工作,结合自己的实际工作经验,只针对SQL层面提一些优化的规范和建议. 针对SQL编写 1.单条SQL长度不宜超过100行: 2.SQL子查询不宜嵌套3层: 子查询嵌 ...
- testng timeout ant
问题:使用ant 指令运行testng.xml文件,@Test注释timeout未生效 解决:添加以下几个jar包