使用jQuery将ul列表项拆分为两列,其中包含偶数和奇数索引

使用jQuery将ul列表项拆分为两列,其中包含偶数和奇数索引,jquery,html-lists,Jquery,Html Lists,这是原件: 一个两个三个四个 我想把它变成: 一个三个两个四个一个可能的解决方案: $("ul li:odd")​​​​​​​.appendTo($("<ul>").insertAfter("ul"));​​​ $("<ul>").insertAfter("ul").append($("ul li:odd"));​ $(“ul li:奇数”)​​​​​​​.附录($(“”)。插入后面(“ul”);​​​ 同一解决方案的另一个变体: $("ul li:odd")​​​

这是原件:


  • 一个
  • 两个
  • 三个
  • 四个


      
      我想把它变成:


      • 一个
      • 三个


          • 两个
          • 四个


              一个可能的解决方案:

              $("ul li:odd")​​​​​​​.appendTo($("<ul>").insertAfter("ul"));​​​
              
              $("<ul>").insertAfter("ul").append($("ul li:odd"));​
              
              $(“ul li:奇数”)​​​​​​​.附录($(“
                ”)。插入后面(“ul”);​​​
              同一解决方案的另一个变体:

              $("ul li:odd")​​​​​​​.appendTo($("<ul>").insertAfter("ul"));​​​
              
              $("<ul>").insertAfter("ul").append($("ul li:odd"));​
              
              $(“
                ”).insertAfter(“ul”).append($(“ul li:odd”);​
              演示:一种可能的解决方案:

              $("ul li:odd")​​​​​​​.appendTo($("<ul>").insertAfter("ul"));​​​
              
              $("<ul>").insertAfter("ul").append($("ul li:odd"));​
              
              $(“ul li:奇数”)​​​​​​​.附录($(“
                ”)。插入后面(“ul”);​​​
              同一解决方案的另一个变体:

              $("ul li:odd")​​​​​​​.appendTo($("<ul>").insertAfter("ul"));​​​
              
              $("<ul>").insertAfter("ul").append($("ul li:odd"));​
              
              $(“
                ”).insertAfter(“ul”).append($(“ul li:odd”);​

              演示:

              太棒了。如果ul的类名为“category”,请您重写此代码好吗?@user1499677您应该先阅读jQuery手册,从中您将了解如何使用类选择器(即
              ul.category
              )。最后,您将得到合适的版本:。太好了。如果ul的类名为“category”,请您重写此代码好吗?@user1499677您应该先阅读jQuery手册,从中您将了解如何使用类选择器(即
              ul.category
              )。最后,您将获得合适的版本:。