CodePlayer

在前面的文章中，我们介绍了如何使用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);