在类之前和之后添加内容 - jQuery

Question

如何添加div启动器“<div class='abc'>” <img src="bla.jpg" class="xyz"/>并以“</div>”结束 所以DOM将是：

<div class='abc'>
   <img src="bla.jpg" class="xyz"/>
</div>      

我尝试使用这个jQuery代码：

$('img.xyz').before("<div class='abc'>").after("</div>");

但它给了我DOM：

<div class='abc'></div>
<img src="bla.jpg" class="xyz"/>

Answer 1

$('img.xyz').wrap('<div class="abc" />');

http://api.jquery.com/wrap

Answer 2

使用.wrap（）方法：

$('img.xyz').wrap('<div class="abc" />');

Answer 3

使用wrap方法：

$('img.xyz').wrap('<div class="abc"></div>');

Answer 4

使用 jQuery wrap（）来实现您的目标：

http://api.jquery.com/wrap/