文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用jQuery排序来重新排序可排序父对象的子对象

问如何使用jQuery排序来重新排序可排序父对象的子对象
EN

Stack Overflow用户

提问于 2013-10-02 14:18:48

回答 1查看 323关注 0票数 0

我有以下HTML结构：

<div id='tiles'>

    <div class='slot'>
         <span class='slotNum'>1</span>
         <div class='tile'></div>
    </div>   

    <div class='slot'>
         <span class='slotNum'>2</span>
         <div class='tile'></div>
    </div>    

    <div class='slot'>
        <span class='slotNum'>3</span>
        <div class='tile'></div>
    </div>    

</div>

我想要重新排序插槽之间的瓷砖。如果我开始将1号下的瓷砖拖到2号瓷砖上，我希望2号瓷砖位于#1下面。如果你尝试JSFiddle，2号瓷砖现在只是堆在重新排列的瓷砖下面。

JSFiddle

jquery

jquery-ui

jquery-ui-sortable

回答 1

Stack Overflow用户

发布于 2013-10-02 14:32:36

您错误地配置了items选项--我认为在您的示例中，应该将其设置为.slot，而不是.tile。

$( "#tiles" ).sortable({ 
    items: ".slot",
});

http://jsfiddle.net/uBFtr/5/

默认情况下，items选项被设置为> *选择器，这意味着任何子元素(而不是子元素)，因此在示例中根本不需要指定它。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19147749

复制

js的sort排序方法_sort对象排序

编程算法 java https 网络安全

sort() 方法用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。

全栈程序员站长

2022/09/21

2.6K0

Java 对象排序详解

java 存储 uml 编程算法

很难想象有Java开发人员不曾使用过Collection框架。在Collection框架中，主要使用的类是来自List接口中的ArrayList，以及来自Set接口的HashSet、TreeSet，我们经常处理这些Collections的排序。

matinal

2020/11/27

1.3K0

Swift 数组对象排序

函数排序数组

首先我们初始化一个数组 var personList: [Person] = [] func setupData() -> Void { for _ in 0...20 { let index = Int(arc4random() % 100) let persion = Person(); persion.name = ("name\(index)") persio

赵哥窟

2020/07/28

1.5K0

jquery 列表可拖动排序 sortable

html javascript jquery http

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery UI Sortable</title> <style type="text/css"> #myList{ width: 80px; background: #EEE; padding: 5px; list-style: none; } #myList a{ text-decoration: none; color: #0077B0; } #myList a:hover{ text-decoration: underline; } #myList .qlink{ font-size: 12px; color: #666; margin-left: 10px; } </style> </head> <body> <ul id="myList"> <li><a href="#">心情</a></li> <li> <a href="#">相册</a> <a href="#" class="qlink">上传</a> </li> <li> <a href="#">日志</a> <a href="#" class="qlink">发表</a> </li> <li><a href="#">投票</a></li> <li><a href="#">分享</a></li> <li><a href="#">群组</a></li> </ul>

用户5760343

2019/10/10

2.4K0

jquery 列表可拖动排序，并把排序发送给后台

html javascript jquery http

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

用户5760343

2019/10/10

1.4K0

Java集合中对象排序

网络安全 https 编程算法 java

集合中的对象排序需求还是比較常见的。当然我们能够重写equals方法，循环比較；同一时候Java为我们提供了更易使用的APIs。当须要排序的集合或数组不是单纯的数字型时，通常能够使用Comparator或Comparable。以简单的方式实现对象排序或自己定义排序。

全栈程序员站长

2022/07/08

7750

js 对象数组的排序问题

对象排序数组

参考：https://www.sitepoint.com/sort-an-array-of-objects-in-javascript/

且陶陶

2023/04/12

4.8K0

基于业务对象(列表)的排序

其他

在上一篇文章基于业务对象的筛选中，我们讨论了如何实现Predicate<T>(T object)委托，自定义DateFilter 类来对业务对象进行筛选。与筛选一样，排序也是常见且重要的操作。在对业务对象进行排序时，不能使用ObjectDataSource作为数据源，因为它只对 DataView、DataTable 和 DataSet 支持自动排序。但你仍可以对GridView编写Sorting事件的处理方法，通过拼装SQL语句，使用“Order By”子句来完成排序。

张子阳

2018/09/30

1.9K0

根据对象的浅拷贝来实现对数组的排序

递归对象排序数据数组

链接：https://pan.baidu.com/s/1h8lHHvn9G1MjmdEw_TGqdA 提取码：pfwz

李维亮

2021/07/09

7800

数列的重新排序

class sort 排序

x2<-c("jimmy","nicker","damon","sophie","tony")

用户10325558

2023/02/03

4670

【JavaScript】js对象进行排序（对象转数组,对象转对象）

javascript

【JavaScript】js对象进行排序（对象转数组,对象转对象）1. 问题描述需求是要排序一个对象aaa = { "2\_4":{"a":1,"b":2}, "2\_16":{"a":1,"b":2}, "2\_12":{"a":1,"b":2}, "2\_8":{"a":1,"b":2}}2. 最佳答案（详细解答可以往下看）let aaa = {"2\_4":{"a":2,"b":4},"2\_16":{"a":2,"b":16},"2\_12":{"a":2,"b":12},"

读懂原理

2022/07/05

6.7K0

对list中的对象属性排序

存储

而Arrays.sort使用的是冒泡和归并排序，默认是归并排序，所以排序速度还是很快的.

IT小马哥

2020/03/18

2.3K0

知识总结：Java集合对象排序1.List排序2.Set排序 3.Map排序

java

1.List排序这个和数组的排序又不一样了。其实Java针对数组和List的排序都有实现，对数组而言，你可以直接使用Arrays.sort，对于List和Vector而言，你可以使用Collections.sort方法 Java API针对集合类型的排序提供了2个方法: java.util.Collections.sort(java.util.List) java.util.Collections.sort(java.util.List, java.util.Comparator) 如果集合里面的元素都

牛客网

2018/04/28

5.5K0

对象数组自定义排序

对象函数排序数组索引

给定一个对象数组，要求按照指定的顺序进行排序展示。如[ { name: '一', value: 1, }, { name: '二', value: 2, }, { name: '三', value: 3, }, ] 要求按照name值二、一、三排序

且陶陶

2023/04/12

6510

javascript对象数组内元素排序

编程算法

注意：想往后排的，后面的-前面的 a.age - b.age ，如果是从小到大排序，大的-小的

唯一Chat

2022/10/28

1.8K0

python 排序自定义对象

import init key self sort

class User: def init(self, user_id): self.user_id = user_id

用户5760343

2022/01/10

5310

Javascript中的数组对象排序（转载）

编程算法 ascii

js中用方法sort()为数组排序。sort()方法有一个可选参数，是用来确定元素顺序的函数。如果这个参数被省略，那么数组中的元素将按照ASCII字符顺序进行排序。如：

李维亮

2021/07/08

8K0

List列表按照对象进行排序

数据库数据处理

本文介绍了如何根据传入的排序字段，对List列表中的对象进行排序。首先介绍了排序字段及排序规则，然后通过一个实例展示了如何使用该方法，最后给出了通用的排序工具方法。

程序新视界

2018/01/08

1.4K0

Objective-C 数组对象排序

其他

NSSortDescriptor可以根据数组中对象的属性来排序为排序数组的每个属性创建NSSortDescriptor对象，将所有这些对象放入一个数组中，该数组将会在后面用作参数。使用NSArray类的sortedArrayUsingDescripors:方法并将NSSortDescriptor对象数组作为参数传递过去，会返回一个排好序的数组

赵哥窟

2018/09/13

8710

排序子序列

编程算法

牛牛定义排序子序列为一个数组中一段连续的子序列,并且这段子序列是非递增或者非递减排序的。牛牛有一个长度为n的整数数组A,他现在有一个任务是把数组A分为若干段排序子序列,牛牛想知道他最少可以把这个数组分为几段排序子序列. 如样例所示,牛牛可以把数组A划分为[1,2,3]和[2,2,1]两个排序子序列,至少需要划分为2个排序子序列,所以输出2 输入描述: 输入的第一行为一个正整数n(1 ≤ n ≤ 10^5)

AI那点小事

2020/04/18

7290

相似问题

jQuery可排序子对象不会进入父对象

可脚本对象重命名时重新排序父/子

如何按子子对象排序父对象

jQuery UI可排序不能将子对象拖回父级

使用jQuery缓存jQuery可排序对象

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问如何使用jQuery排序来重新排序可排序父对象的子对象
EN