内容目录
在前面的文章中,我们介绍了如何使用jQuery上下交换相邻的两个元素的位置。在这里,我们介绍如何使用jQuery交换任意位置的两个元素的位置。
请直接参考如下详细代码:
// 扩展jQuery实例函数
jQuery.fn.extend({
/**
* 交换任意两个jQuery对象的位置
* @param another
*/
swap: function(another){
var me = this;
var cloneMe = me.clone();
var temp = $('<span/>');
another.before(temp);
me.replaceWith(another);
temp.replaceWith(cloneMe);
return this;
}
});
/* ***调用举例*** */
var $t1 = $("#t1");
var $t2 = $("#t2");
$t1.swap($t2);
0 条评论
撰写评论