jquery插入新的打开关闭div答案

【问题标题】：jquery insert new open close divjquery插入新的打开关闭div
【发布时间】：2017-04-09 17:52:15
【问题描述】：

我有一些菜单循环编码，如何在开始循环之前和结束循环之后插入一些 div。我尝试使用 .prepend 但无法正常工作。

<li class="mega-menu-fullwidth dropdown"><a href='#'>Features</a>
    <ul class="dropdown-menu">
<!-- div open goes here <li><div class="cfirst csecond"><div class="cthird"><div class="cfourt cfif"> -->
            <!-- Start First Loop -->
            <a href='javascript:void(0);'>submega</a>
            <div class="col-md-3 equal-height-in">
            <ul class="list-unstyled equal-height-list">
                <li><a href="#">One</a></li>
                <li><a href="#">Two</a></li>
                <li><a href="#">Three</a></li>
            </ul>
            </div><!-- End First Loop -->
<!-- div close goes here </div></div></div></li> -->
    </ul>
</li>

有什么可以帮助我的吗？谢谢

$(function(){ $('.mega-menu-fullwidth .dropdown-menu').prepend('<li><div class="cfirst csecond"><div class="cthird"><div class="cfourt cfif"></div></div></div></li>'); });

不工作。

【问题讨论】：

显示你用来循环的javascript（并向DOM添加元素）
这是 wordpress 循环，我需要 jquery 来打开 div 并在循环前后关闭
对，我们需要您发布您编写的当前无法运行的 javascript，以便我们帮助您修复它。
能否添加您的需求截图
我已经编辑了问题，

标签： javascript jquery html unwrap

【解决方案1】：

希望对您有所帮助。

<li class="mega-menu-fullwidth dropdown"><a href='#'>Features</a>
    <ul class="dropdown-menu">
<!-- div open goes here <li><div class="cfirst csecond"><div class="cthird"><div class="cfourt cfif"> -->
            <!-- Start First Loop -->
            <a href='javascript:void(0);'>submega</a>
            <div class="col-md-3 equal-height-in">
            <ul class="list-unstyled equal-height-list">
                <li><a href="#">One</a></li>
                <li><a href="#">Two</a></li>
                <li><a href="#">Three</a></li>
            </ul>
            </div><!-- End First Loop -->
<!-- div close goes here </div></div></div></li> -->
    </ul>
</li>

var appendedHtml = '<li><div class="cfirst csecond"><div class="cthird"><div class="cfourt cfif">'+$('ul.dropdown-menu').html()+'</div></div></div></li>';
$('ul.dropdown-menu').html(appendedHtml);

$('ul.equal-height-list').eq(0).find('li').eq(0).remove();
$('ul.equal-height-list').eq(0).prepend('<h3>One</h3>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<li class="mega-menu-fullwidth dropdown"><a href='#'>Features</a>
    <ul class="dropdown-menu">
<!-- div open goes here <li><div class="cfirst csecond"><div class="cthird"><div class="cfourt cfif"> -->
            <!-- Start First Loop -->
            <a href='javascript:void(0);'>submega</a>
            <div class="col-md-3 equal-height-in">
            <ul class="list-unstyled equal-height-list">
                <li><a href="#">One</a></li>
                <li><a href="#">Two</a></li>
                <li><a href="#">Three</a></li>
            </ul>
            </div><!-- End First Loop -->
<!-- div close goes here </div></div></div></li> -->
    </ul>
</li>

【讨论】：

我忘记了如何仅将第一个 li
一个

一个

编辑了我的答案。如果它的帮助支持答案。 $('ul.equal-height-list').find('li').eq(0).remove(); $('ul.equal-height-list').prepend('

一个

');

它的工作。但是编码替换所有第一个循环 li，如何删除 ul.equal-height-list 上的第一个 ahref 和属性，然后替换第一个

-->

和

--> 。但是感谢 Alok，我的大型菜单现在可以使用了