怎么能实现 导航栏 各项目 位置的 交换功能 高手指教

Question

  怎么能实现 导航栏 各项目 位置的 交换功能  
如：
  项目一   项目二   项目三  
交换下：
  项目一   项目三   项目二 有什么方法  JS  JQUERY ?谁有例子可以贴出来看看呢？

Answer 1

看你的导航栏用什么写的啦，比如div-ul-li
那么可以试试这样
var temp = $("#mydiv > li:eq(3)").html();    //将索引为3的li内容给个临时变量
$("#mydiv > li").eq(3).html($("#mydiv > li").eq(2).html());  //将索引为2的li内容放入3中
$("#mydiv > li").eq(2).html($("#mydiv > li").eq(3).html());  //将临时变量放入索引为3的li中除了.eq() 你还可以使用.lt() 小于索引。。或者.gt() 大于..

Answer 2

<ul id="navigation">
    <li id="nav1">nav1</li>
    <li id="nav2">nav2</li>
    <li id="nav3">nav3</li>
</ul>//native
document.getElementById("navigation").insertBefore(document.getElementById("nav3"),document.getElementById("nav2"));//jQuery
$("#navigation li:last-child").insertBefore($("#navigation li:nth-child(2)"));