jQuery – 在一个div之后和另一个之前包裹元素

前端之家收集整理的这篇文章主要介绍了jQuery – 在一个div之后和另一个之前包裹元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个 HTML
<div class="sBox">
<div class="top-sBox"></div>
<h3>Menu</h3>
    <ul class="subpages">
    <li><a href="#">Subpagina</a></li>
    <li><a href="#">Subpagina</a></li>
    <li><a href="#">Subpagina</a></li>
    <li><a href="#">Subpagina</a></li>
    <li><a href="#">Subpagina</a></li>
    <li><a href="#" class="last">Subpagina</a></li>
    </ul>


<div class="bottom-sBox"></div>
</div>

如何在div.top-sBox之后和div.bottom-sBox之前包装所有元素.
谢谢!

我想要这个结果:

<div class="sBox">
<div class="top-sBox"></div>
<div id="wrapper">
<h3>Menu</h3>
    <ul class="subpages">
    <li><a href="#">Subpagina</a></li>
    <li><a href="#">Subpagina</a></li>
    <li><a href="#">Subpagina</a></li>
    <li><a href="#">Subpagina</a></li>
    <li><a href="#">Subpagina</a></li>
    <li><a href="#" class="last">Subpagina</a></li>
    </ul>
</div>  
<div class="bottom-sBox"></div>
</div>

解决方法

这个给你.

编辑:抱歉.更简单:http://jsfiddle.net/ajRd2/1/

$('.top-sBox').nextUntil('.bottom-sBox').wrapAll('<div class="dwrap" />');
原文链接:https://www.f2er.com/jquery/178441.html

猜你在找的jQuery相关文章