博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Js 更换html同一父元素下子元素的位置
阅读量:5204 次
发布时间:2019-06-13

本文共 486 字,大约阅读时间需要 1 分钟。

//更换两个元素的位置

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"));

 

转载于:https://www.cnblogs.com/lbonet/p/11211351.html

你可能感兴趣的文章