小编use*_*904的帖子

Jquery递归函数将嵌套的li合并为一个

我试图使用jquery使用递归方法将嵌套的li转换为单个li

html如下

<ul>
   <li>item-1
      <ul>
         <li>item-1.1</li>
      </ul>
   </li>
   <li>item-2
     <ul>
       <li>item-2.1</li>
       <li>item-2.2
          <ul>
             <li>item-2.2.1</li>
             <li>item-2.2.2</li>
          </ul>
       </li>
     </ul>
   </li>
   <li>item-3
      <ul>
         <li>item-3.1</li>
      </ul>
   </li>
   <li>item-4</li>
   <li>item-5</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

最终单李如下

<ul>
   <li>item-1</li>
   <li>item-2</li>
   <li>item-3</li>
   <li>item-4</li>
   <li>item-5</li>
   <li>item-1.1</li>
   <li>item-2.1</li>
   <li>item-2.2</li>
   <li>item-3.1</li>
   <li>item-2.2.1</li>
   <li>item-2.2.2</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

基本上遍历每个级别然后追加到列表的末尾.我有什么想法可以达到这个目的吗?所以它可以处理任何级别的列表项.

提前致谢.

javascript recursion jquery list

2
推荐指数
1
解决办法
2040
查看次数

标签 统计

javascript ×1

jquery ×1

list ×1

recursion ×1