首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

按自定义排序顺序对jQuery中的Div进行排序

在 jQuery 中,可以使用 sort() 函数对 Div 进行自定义排序。

以下是一个示例代码:

代码语言:javascript
复制
// 获取所有 Div 元素
var divs = $("div");

// 定义排序规则
var sortOrder = [ "div3", "div1", "div2" ];

// 使用自定义排序规则对 Div 进行排序
divs.sort(function(a, b) {
  return sortOrder.indexOf($(a).attr("id")) - sortOrder.indexOf($(b).attr("id"));
});

// 将排序后的 Div 重新添加到页面中
$.each(divs, function(index, div) {
  $("#container").append(div);
});

在上面的示例代码中,我们首先获取了所有的 Div 元素,然后定义了一个排序规则 sortOrder,其中包含了我们希望的排序顺序。接着,我们使用 sort() 函数对 Div 进行排序,并使用自定义排序规则。最后,我们将排序后的 Div 重新添加到页面中。

需要注意的是,上面的示例代码中,我们使用了 indexOf() 函数来获取每个 Div 在排序规则中的位置,如果某个 Div 不在排序规则中,则其位置为 -1,这样该 Div 将会被放在最后。如果需要按照其他规则进行排序,可以根据具体情况修改排序函数。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

使用 Python 行和矩阵进行排序

在本文中,我们将学习一个 python 程序来行和矩阵进行排序。 假设我们采用了一个输入 MxM 矩阵。我们现在将使用嵌套 for 循环给定输入矩阵进行逐行和排序。...算法(步骤) 以下是执行所需任务要遵循算法/步骤。− 创建一个函数sortingMatrixByRow()来矩阵每一行进行排序,即通过接受输入矩阵m(行数)作为参数来逐行排序。...在函数内部,调用上面定义 sortingMatrixByRow() 函数输入矩阵进行排序。 调用上面定义转置矩阵() 函数来获取输入矩阵转置。...再次通过调用上面定义 sortingMatrixByRow() 函数输入矩阵进行排序。 再次通过调用上面定义转置矩阵() 函数来获取输入矩阵转置。...此外,我们还学习了如何转置给定矩阵,以及如何使用嵌套 for 循环(而不是使用内置 sort() 方法)矩阵进行排序

6K50
  • Pythonlist进行排序

    很多时候,我们需要对List进行排序,Python提供了两个方法 给定List L进行排序, 方法1.用List成员函数sort进行排序 方法2.用built-in函数sorted进行排序(从2.4...开始) 这两种方法使用起来差不多,以第一种为例进行讲解: 从Python2.4开始,sort方法有了三个可选参数,Python Library Reference里是这样描述 cmp:cmp specifies...stable sort >>>A.sort() >>>L = [s[2] for s in A] >>>L >>>[('a', 1), ('b', 2), ('c', 3), ('d', 4)] 以上给出了6...List排序方法,其中实例3.4.5.6能起到以List item某一项 为比较关键字进行排序....L是仅仅按照第二个关键字来排,如果我们想用第二个关键字 排过序后再用第一个关键字进行排序呢?

    2.4K20

    使用 Python 波形数组进行排序

    在本文中,我们将学习一个 python 程序来波形数组进行排序。 假设我们采用了一个未排序输入数组。我们现在将对波形输入数组进行排序。...− 创建一个函数,通过接受输入数组和数组长度作为参数来波形数组进行排序。 使用 sort() 函数(升序/降序列表进行排序升序输入数组进行排序。...使用 len() 函数(返回对象项数)获取输入数组长度。...例 以下程序使用 python 内置 sort() 函数波形输入数组进行排序 − # creating a function to sort the array in waveform by accepting...结论 在本文中,我们学习了如何使用两种不同方法给定波形阵列进行排序。与第一种方法相比,O(log N)时间复杂度降低新逻辑是我们用来降低时间复杂度逻辑。

    6.8K50

    如何python字典进行排序

    可是有时我们需要对dictionary item进行排序输出,可能根据key,也可能根据value来排。到底有多少种方法可以实现dictionary内容进行排序输出呢?...下面摘取了 一些精彩解决办法。 python容器内数据排序有两种,一种是容器自己sort函数,一种是内建sorted函数。...= adict.keys() keys.sort() return [dict[key] for key in keys] #还是key值排序,据说更快。。。...,没有元素顺序概念,它们只是序偶简单排列。...到此这篇关于如何python字典进行排序文章就介绍到这了,更多相关python字典进行排序方法内容请搜索ZaLou.Cn以前文章或继续浏览下面的相关文章希望大家以后多多支持ZaLou.Cn!

    5.6K10

    javasort排序算法_vbasort某列排序

    大家好,又见面了,我是你们朋友全栈君。 C++中提供了sort函数,可以让程序员轻松地调用排序算法,JAVA也有相应函数。...: 由于要用到sort第二个参数,这个参数是一个类,所以应该用Integer,而不是int。...可以使用Interger.intvalue()获得其中int值 下面a是int型数组,b是Interger型数组,a拷贝到b,方便从大到小排序。capare返回值是1表示需要交换。...和2差不多,都是重载比较器,以下程序实现了点排序,其中x小拍前面,x一样时y小排前面 package test; import java.util.*; class point { int...如果只希望对数组一个区间进行排序,那么就用到sort第二个和第三个参数sort(a,p1,p2,cmp),表示a数组[p1,p2)(注意左闭右开)部分cmp规则进行排序 发布者:全栈程序员栈长

    2.2K30

    多个字段如何其中两个进行排序(二次排序

    多个字段如何其中两个进行排序(二次排序) 1 原理     二次排序就是首先按照第一字段排序,然后再第一字段相同行按照第二字段排序,注意不能破坏第一次排序结果。     ...这里主要讲如何使用一个Mapreduce就可以实现二次排序。Hadoop有自带SecondarySort程序,但这个程序只能对整数进行排序,所以我们需要对其进行改进,使其可以对任意字符串进行排序。...这就是自定义Map输入是原因。然后调用自定义Mapmap方法,将一个个输入给Mapmap方法。...最后就是进入Reducerreduce方 法,reduce方法输入是所有的(key和它value迭代器)。同样注意输入与输出类型必须与自定义Reducer声明一致。  ....         // 重载 compare:组合键第一个自然键排序分组         public int compare(WritableComparable w1, WritableComparable

    4.8K80

    知识分享之Golang——Bleve其搜索结果进行自定义排序

    知识分享之Golang——Bleve其搜索结果进行自定义排序 背景 知识分享之Golang篇是我在日常使用Golang时学习到各种各样知识记录,将其整理出来以文章形式分享给大家,来进行共同学习...组件仓库:https://github.com/blevesearch/bleve 开源协议:Apache-2.0 License 内容 在日常使用Bleve组件编写搜索功能时,我们需要对其一些搜索结果进行特定规则排序...,这时就需要使用到如下代码了: // query组装搜索体,10每页十行 0 从0行开始,解释搜索参数 // 默认情况下,结果分数降序排列 sr := bleve.NewSearchRequestOptions...根据名称(name)降序 sortFields = append(sortFields, "-name" sr .SortBy(sortFields) 这里我们使用sr .SortBy加入我们一个特定排序字段数组进行排序...,通常可以有效满足日常使用需求了,当然还有更高级排序方式(编写自己排序函数放入其中等),后续有机会我们再进行分享。

    87230

    在 Hibernate Search 5.5 搜索结果进行排序

    就像这样,仅仅通过一个 Sort 对象在全文本查询执行之前,特殊属性进行排序。...在这个例子,这些可以被排序属性称之为“文本值属性”,这些文本值属性比传统未转化索引方法有快速和低内存消耗优点。 为了达到那样目的。...在这个例子单独存在字段对应一个属性(例如 publicationDate)仅仅使用一个特殊 @SortableField 注解就足够让这个字段成为可排序字段。...注意, 排序字段一定不能被分析 。在例子为了搜索,你想给一个指定分析属性建索引,只要为排序加上另一个未分析字段作为 title 属性显示。...如果字段仅仅需要排序而不做其他事,你需要将它配置成非索引和非排序,因此可避免不必要索引被生成。 在不改变查询情况下 ,排序字段配置。

    2.8K00

    C语言实例:实现英文12个月份字母进行排序

    需求 C语言实现英文12个月份字母进行排序 源码 // // @author: 冲哥 // @date: 2021/6/3 20:38 // @description:C语言实现英文12个月份字母进行排序...{ printf("%s ", month[i]); } printf("\n"); p = month; sort(p); printf("排序后...months[j]; months[j] = temp; } } } } 运行结果 公众号:C语言中文社区 分析 这个实例,...作比较时使用到了strcmp()函数 这里简单说下这个函数 「函数原型」:int strcmp(const char* stri1,const char* str2); 用于两个字符串进行比较(区分大小写...) 「函数作用」:根据 ASCII 编码依次比较 str1 和 str2 每一个字符,直到出现不到字符,或者到达字符串末尾(遇见\0) 「函数返回值」: 如果返回值 < 0,则表示 str1 小于

    2.7K20

    list对象属性排序

    list对象属性排序 ---- 今天遇到一个排序问题觉得挺值得分享,一个集合,集合存储着若干对象,对象有若干属性,希望按照对象某个属性排序排序完成,list存储顺序也是按照这个属性排完以后顺序...10-34-19-6- 排序后 6-10-19-34- 我们再来看一下它实现代码: public static void sort(List list, Comparator<?...for (int j=0; j<a.length; j++) { i.next(); i.set(a[j]); } } 而Arrays.sort使用是冒泡和归并排序...,默认是归并排序,所以排序速度还是很快....本文由 小马哥 创作,采用 知识共享署名4.0 国际许可协议进行许可 本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名

    2.3K21

    如何Excel二维表所有数值进行排序

    在Excel,如果想一个一维数组(只有一行或者一列数据)进行排序的话(寻找最大值和最小值),可以直接使用Excel自带数据筛选功能进行排序,但是如果要在二维数组(存在很多行和很多列)数据表中排序的话...先如今要对下面的表进行排序,并将其顺序排成一个一维数组 ?...另起一块区域,比如说R列,在R列起始位置,先寻找该二维数据最大值,MAX(A1:P16),确定后再R1处即会该二维表最大值 然后从R列第二个数据开始,附加IF函数 MAX(IF(A1:P300...< R1,A1:P300)),然后在输入完公式后使用Ctrl+shift+Enter进行输入(非常重要) 然后即可使用excel拖拽功能来在R列显示出排序内容了

    10.3K10

    java排序(自定义数据排序)--使用Collectionssort方法

    排序:将一组数据相应规则 排列 顺序 1.规则:       基本数据类型:日常大小排序。 引用类型: 内置引用类型(String,Integer..),内部已经指定规则,直接使用即可。...日期:根据日期长整型数比较。 自定义引用类型,需要按照业务规则排序。...有两种方式,分别如下所述:     当引用类型内置排序方式无法满足需求时可以自己实现满足既定要求排序,有两种方式: 第一种: 自定义业务排序类:新建一个业务排序类实现java.util.Comparator...下compare 接口,然后使用java提供Collections调用排序方法,并将此业务排序类作为参数传递给Collectionssort方法,如下:                (1)新建一个实体类...调用sort,该实体类实例进行排序: package top.wfaceboss.sort.refType; import java.util.ArrayList; import java.util.Collections

    4.4K30
    领券