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

Answer 2

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

您可以使用jQuery.wrap()功能执行此操作：

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

查看文档：{{3}}

Answer 3

<强> Demo

jquery

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

这将获得索引0的ul，然后将其包装起来。如果您的.mail_ul

中有多个ul，这将有所帮助

如何在ul标签之前添加div

3 个答案: