jQuery技术

Jquery 互换节点位置的方法

字号+ 作者:H5之家 来源:H5之家 2016-05-24 14:00 我要评论( )

Jquery 互换节点位置的方法求助本人菜鸟,需要用到一个方法,作用是替换两个节点对象的位置,试过INSERT,和replaceWidth,都写不好,所以求救下...方法要传两个参

当前位置:我的异常网»  » Jquery 互换节点位置的方法

Jquery 互换节点位置的方法

  网友分享于:2013-02-15  浏览:1039次

Jquery 互换节点位置的方法求助
本人菜鸟,需要用到一个方法,作用是替换两个节点对象的位置,试过INSERT,和replaceWidth,都写不好,所以求救下...

方法要传两个参数,如

<ul>
  <li>111</li>
  <li>222</li>
  <li>333</li>
  <li>444</li>
</ul>

function(a,b){

}

传入其中两个LI,使两个LI的位置互换,有没有什么好的思路呢?



------解决方案--------------------
刚才忘记删掉原来的了
JScript code $(document).ready(function () { var a = $("#li1").clone(); $("#li1").remove(); $("#li2").after(a); });
------解决方案--------------------
JScript code function exchangePos(elem1, elem2){ if(elem1.length === 0 && elem2.length === 0){ return; } var next = elem2.next(), parent = elem2.parent(); elem1.after(elem2); if(next.length === 0){ parent.append(elem1); }else{ next.before(elem1); } } var ul = $('ul'); exchangePos(ul.children().eq(1), ul.children().eq(3));

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery学习总结之jQuery事件

    jQuery学习总结之jQuery事件

    2016-05-26 12:05

  • jQuery on()方法使用技巧详解

    jQuery on()方法使用技巧详解

    2016-05-23 13:00

  • 学习笔记_jQuery权威指南_1

    学习笔记_jQuery权威指南_1

    2016-05-22 12:00

  • jQuery加载图片

    jQuery加载图片

    2016-05-22 11:05

网友点评