文档章节

js实现排序,

p
 p新__
发布于 2015/12/01 18:03
字数 236
阅读 11
收藏 0

之前测试了sortElements,html可以使用,放到项目就用不了了。因此更换了排序方法,此排序方法更简单明了

html


<div id="original">
  <div timestamp="99">991</div>
  <div timestamp="999">9991</div>
  <div timestamp="12">121</div>
  <div timestamp="11">111</div>
  <div timestamp="8">81</div>
  <div timestamp="7">71</div>
  <div timestamp="10">101</div>
  <div timestamp="9">91</div>
  <div timestamp="6">61</div>
  <div timestamp="5">51</div>
  <div timestamp="4">41</div>
  <div timestamp="3">31</div>
  <div timestamp="2">21</div>
  <div timestamp="1">11</div>
  <div timestamp="9999">99991</div>
</div>

<h1>Results</h1>
<div id="results"></div>
----------------------------
<h1>jQuery calls <span id="calls"><span/></h1>

js


// get array of elements
var myArray = $("#original div");
var count = 0;

// sort based on timestamp attribute
myArray.sort(function (a, b) {
    
    // convert to integers from strings
    a = parseInt($(a).attr("timestamp"), 10);
    b = parseInt($(b).attr("timestamp"), 10);
    count += 2;
    // compare
    if(a > b) {
        return 1;
    } else if(a < b) {
        return -1;
    } else {
        return 0;
    }
});

// put sorted results back on page
$("#results").append(myArray);
$("#calls").append(count+1);




© 著作权归作者所有

共有 人打赏支持
p
粉丝 1
博文 55
码字总数 63552
作品 0
南宁
私信 提问
js实现数据结构及算法之排序算法

冒泡排序 冒泡排序是最慢的排序算法之一,数据值会像起跑一样从数组的一端漂浮到另一端 动画演示 js实现 选择排序 从数组的开头开始,将第一个元素和其他元素相比,最小的元素放在第一个位置...

eternalless
2018/09/07
0
0
13 个最佳 JavaScript 数据表格库

JavaScript 是一种通常被用在网页开发中的编程语言。它主要是在互联网上的网页浏览器中开发出效果出众且可交互的特效。它是客户端脚本语言中的一种,是被用来作为通过用户的网页浏览器进行处...

oschina
2017/03/10
5K
7
优化 JavaScript 执行[转]

JavaScript 经常会触发视觉变化。有时是直接通过样式操作,有时是会产生视觉变化的计算,例如搜索数据或将其排序。时机不当或长时间运行的 JavaScript 可能是导致性能问题的常见原因。您应当...

行列
2018/07/05
0
0
[译] 论 Rust 和 WebAssembly 对源码地址索引的极限优化

原文地址:Oxidizing Source Maps with Rust and WebAssembly 原文作者:Nick Fitzgerald 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:D-kylin Tom Tromey 和我尝...

LeviDing
2018/07/16
0
0
Lab 02. Table Sorter

题目 在给定源代码:source-code.zip的基础上,完成Table sorter。 Table sorter包括JavaScript和一点CSS,能够让原始的html table变得可以分别按照各栏数据值,对各行排序。 效果 在表头任意...

yejq8
2015/05/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

【机器学习PAI实战】—— 玩转人工智能之商品价格预测

摘要: 我们经常思考机器学习,深度学习,以至于人工智能给我们带来什么?在数据相对充足,足够真实的情况下,好的学习模型可以发现事件本身的内在规则,内在联系。我们去除冗余的信息,可以...

zhaowei121
18分钟前
1
0
Spring拓展接口之FactoryBean,我们来看看其源码实现

是什么 FactoryBean的源码比较简单,大家可以细读下其注释,我做了简单的如下翻译 /** * 实现此接口的bean不能用作普通bean。此bean暴露的对象是通过getObject()创建的对象,而不是它自身...

java菜分享
21分钟前
2
0
Pod在多可用区worker节点上的高可用部署

一、 需求分析 当前kubernetes集群中的worker节点可以支持添加多可用区中的ECS,这种部署方式的目的是可以让一个应用的多个pod(至少两个)能够分布在不同的可用区,起码不能分布在同一个可用...

阿里云官方博客
28分钟前
0
0
深入理解 Hive 分区分桶 (Inceptor)

分区是hive存放数据的一种方式。将列值作为目录来存放数据,就是一个分区。这样查询时使用分区列进行过滤,只需根据列值直接扫描对应目录下的数据,不扫描其他不关心的分区,快速定位,提高查...

hblt-j
36分钟前
0
0
数据结构

什么是数据结构 1、数据 数据是描述客观世界的数字、字符以及一切能够输入到计算机中,并且能够被计算机程序处理的符号集合。简言之,数据就是计算机加工处理的原料,是信息的载体。 2、数据...

stars永恒
46分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部