Js 更换html同一父元素下子元素的位置

//更换两个元素的位置

var exchange=function (el1, el2) {
　　var ep1 = el1[0].parentNode,
　　ep2 = el2[0].parentNode,
　　index1 = Array.prototype.indexOf.call(ep1.children, el1),
　　index2 = Array.prototype.indexOf.call(ep2.children, el2);
　　ep2.insertBefore(el1, ep2.children[index2]);
　　ep1.insertBefore(el2, ep1.children[index1]);
}

exchange($(".class1"),$(".class2"));
//class1与class2要是相同父级下的元素
例:

执行后 exchange($(".btns .ok"),$(".btns .cancel"));