我有这个
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" />');