在类之前和之后添加内容 - 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