jquery - 如何在ul标签前添加一个div

Question

我正在使用 wordpress，我想在子菜单部分 ul 标签之前添加两个 div。我的代码是这样的。

<ul class='main_ul'>
    <li>link 1</li>
    <li class='has_submenu'>link2</li>
    <ul>
        <li>link</li>
        <li>link</li>
    </ul>
    </li>
</ul>

我想要这样

<ul class='main_ul'>
    <li>link 1</li>
    <li class='has_submenu'>link2</li>
    <div class='scrol'>
        <div class='overview'>
            <ul>
                <li>link</li>
                <li>link</li>
            </ul>
        </div>
    </div>
    </li>
</ul>

jQuery 或 wordpress 怎么可能？？提前谢谢

Answer 1

您可以使用 jQuery wrap 函数:-

$(function(){
  $('.main_ul ul').wrap('<div class="overview"/>').wrap('<div class="scrol"/>');
});

或

$(function(){
     $('.main_ul ul').wrap('<div class="scrol"><div class="overview"></div></div>');
});

Demo