如何使用jquery用div包围div

Question

我有一些元素，他们是

 <h3></h3><ul></ul>
 <h3></h3><ul></ul>
 <h3></h3><ul></ul>

我想在所有这对中用jquery包装一个元素（div）

结果应该是

<div> <h3></h3><ul></ul> </div>
<div> <h3></h3><ul></ul> </div>
<div> <h3></h3><ul></ul> </div>

我怎样才能用jquery.wrap()实现它？

Answer 1

你可以遍历h3元素并使用jquery .next（）选择和ul元素与.andSelf（）包含和h3元素，最后.wrapAll（）在div周围：

 $('h3').each(function() { $(this).next('ul').andSelf().wrapAll('<div/>'); }); 

 div { border: solid 1px red; } h3 { border: solid 1px green; } ul { border: solid 1px yellow; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <h3>h3</h3> <ul>ul</ul> <h3>h3</h3> <ul>ul</ul> <h3>h3</h3> <ul>ul</ul>