jQuery 交换两个元素位置
2012-10-30 15:28
941 查看
其实这个题目没啥好写的,本来想搜一下看看网上有没有流传着现成的写法。
但是搜了好几页也没看见太简洁的。
就随手自己写了一个。用于实现软件筛选相关的DOM操作
当第一个软件安装之后,让它跟后面的软件替换一下位置,如图所示:
开始是打算交换彼此的html,但是这样的话 li上相关的属性还要再次进行操作,还是移动他们的位置好了。
于是有如下代码:
var exchange = function(a,b){
var n = a.next(), p = b.prev();
b.insertBefore(n);
a.insertAfter(p);
};
这样写的前提是知道 a的序列比b要靠前,这样 a 肯定有next() , 而b 也至少有 prev();
注意 先缓存插入的位置标记,否则一次dom移动之后,参照位就变了。
但是搜了好几页也没看见太简洁的。
就随手自己写了一个。用于实现软件筛选相关的DOM操作
当第一个软件安装之后,让它跟后面的软件替换一下位置,如图所示:
开始是打算交换彼此的html,但是这样的话 li上相关的属性还要再次进行操作,还是移动他们的位置好了。
于是有如下代码:
var exchange = function(a,b){
var n = a.next(), p = b.prev();
b.insertBefore(n);
a.insertAfter(p);
};
这样写的前提是知道 a的序列比b要靠前,这样 a 肯定有next() , 而b 也至少有 prev();
注意 先缓存插入的位置标记,否则一次dom移动之后,参照位就变了。
相关文章推荐
- jquery交换两个元素位置
- 第十五周项目二(1)-洗牌(随机交换两个位置的元素来洗牌)
- 交换排序:根据序列中两个元素关键字的比较结果来对换这两个记录在序列中的位置。
- 第一次发博客,新手初试啊,题目如下:有两个10个元素的数组,分别为A和B,编程实现相同位置的元素, 如果 B 的元素小于 A 的元素进行数值交换:(使用回调函数实现)
- jQuery两个列表中元素相互交换Demo
- jQuery 实现交换元素位置(移动节点)
- 数组中两个元素交换位置
- js 交换两个元素的位置,动画效果
- jquery插件——点击交换元素位置(带动画效果)
- (***)有两个10个元素的数组,分别为A和B,编程实现相同位置的元素, 如果 B 的元素小于 A 的元素进行数值交换:(使用回调函数实现)
- 交换两个兄弟元素的位置
- 链表的基本操作(创建,查找指定位置元素,删除指定元素,插入,倒置,去重,求集合的差,分别交换结点与交换结点值实现的冒泡排序,将两个有序链表合并成一个有序链表)c语言实现
- 有两个10个元素的数组,分别为A和B,编程实现相同位置的元素, 如果 B 的元素小于 A 的元素进行数值交换:(使用回调函数实现)
- Swift - 交换数组中两个元素位置
- 异或运算交换两个元素位置,不需要额外空间
- 交换数组中两个位置的元素值
- 交换一个数组前两个元素位置(@的用法)
- leetcode之92. Reverse Linked List II(C++读错题版本,交换一个链表中指定的两个位置上的元素)
- javascript 常见数组操作( 1、数组整体元素修改 2、 数组筛选 3、jquery 元素转数组 4、获取两个数组中相同部分或者不同部分 5、数组去重并倒序排序 6、数组排序 7、数组截取slice 8、数组插入、删除splice(需明确位置) 9、数组遍历 10、jQuery根据元素值删除数组元素的方)
- js实现两个div交换位置