我有一个子菜单列表,我想将每4个子项
我需要的最终输出结果如下所示:
我尝试过的代码是:
你有没有任何想法如何实现最终输出?
<li></li>
分别移动到新的父级 <ul></ul>
。<ul class="sub_menu">
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
<li>Menu 4</li>
<li>Menu 5</li>
<li>Menu 6</li>
<li>Menu 7</li>
<li>Menu 8</li>
</ul>
<div class="container_row">
<div class="row">
<div class="col1 col_3">
<div class="wrap">
<ul>
</ul>
</div>
</div>
<div class="col1 col_3">
<div class="wrap">
<ul>
</ul>
</div>
</div>
</div>
</div>
我需要的最终输出结果如下所示:
<div class="container_row">
<div class="row">
<div class="col1 col_3">
<div class="wrap">
<ul>
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
<li>Menu 4</li>
</ul>
</div>
</div>
<div class="col1 col_3">
<div class="wrap">
<ul>
<li>Menu 5</li>
<li>Menu 6</li>
<li>Menu 7</li>
<li>Menu 8</li>
</ul>
</div>
</div>
</div>
</div>
我尝试过的代码是:
$(document).ready(function() {
$(".container_row .wrap ul").append($(".sub_menu li"));
});
你有没有任何想法如何实现最终输出?