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();
});

原文地址:https://www.cnblogs.com/kevinge/p/10234852.html

时间: 2024-11-06 07:24:55

jquery <div> 排序的相关文章

Jquery DIV 挪动

<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="title" content="Jquery Div自由拖动排序" /> <meta name="keywords" content="Jquery Div自由拖动排序,JqueryDiv排序,Jquery拖动,排序&quo

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

jquery 表格排序,实时搜索表格内容 演示 XML/HTML Code <table class="table-sort"> <thead> <tr> <th class="table-sort">First Name</th> <th class="table-sort">Last Name</th> <th class="table-sor

Jquery 表头 排序

原文:Jquery 表头 排序 源代码下载地址:http://www.zuidaima.com/share/1550463782128640.htm

Jquery div展开收缩

1 <html> 2 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 3 <head> 4 <script type="text/javascript" src="js/jquery1.3.2.js"></script> 5 <script type="tex

jQuery表格排序组件-tablesorter

一.引入文件 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.tablesorter.js"></script> <!-- 引入以下样式则表头出现排序图标,同时引入图片 --> <link href=

非常好用的jQuery表格排序插件

非常好用的 jQuery表格排序插件 https://mottie.github.io/tablesorter/docs/ CDN https://www.bootcdn.cn/jquery.tablesorter/ http://www.jq22.com/jquery-info7356 原文地址:https://www.cnblogs.com/nanahome/p/10585728.html

jquery数组(排序)

HTML: 1 <h3>字符串数组排序前</h3> 2 <div id="show5"></div> 3 <h3>排序后</h3> 4 <div id="show6"></div> jquery: var animals = ['dog','cat','tiger','pig','bird']; $('#show5').html(animals.join('<br/

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

拖放排序是WEB应用中常见的功能.虽然网上有很多别人已经造好的轮子,但是就我个人而言,没事就喜欢研究原理,自己造轮子,不管强大与否,简洁够用就是我的目标,再一个就是自己写的东西,应用起来得心应手,修改或者扩展起来也是得心应手,相比一些API不够详细,或者说用户体验不好(不够简明)的API来说,或者说插件本身就没考虑周到,考虑周到又显得臃肿来说,使用它还不如造它. 接下来回到插件,先看看漂亮的UI(参照Teambition的任务面板做的,算不算广告),插件目前只做了(针对)上下拖放排序,左右拖放排

jquery div拖动效果示例代码

1 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit