如何在ul标签前添加一个div答案

【问题标题】：how to add a div before the ul tag如何在ul标签前添加一个div
【发布时间】：2014-08-30 00:32:07
【问题描述】：

我正在使用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 怎么可能？提前谢谢

【问题讨论】：

这真的很简单，你不能这样做，DIV不能是UL的孩子，UL也不能。

标签： jquery css wordpress menu

【解决方案1】：

最好的方法是编辑模板文件。

您可以使用jQuery.wrap() 函数来做到这一点：

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

查看文档：http://api.jquery.com/wrap/

【讨论】：

【解决方案2】：

你可以使用jQuerywrap函数：-

$(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

【讨论】：

【解决方案3】：

Demo

jquery

$("ul.main_ul ul:eq(0)").wrap('<div class="scrol"><div class="overview"></div></div>');

这将获取索引为 0 的 ul，然后将其包装起来。如果您的 .mail_ul 中有多个 ul 会有所帮助

【讨论】：