Добавить контент до и после урока - jQuery

Question

Как добавить Div * Starter "<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

используйте jQuery wrap () для достижения вашей цели:

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

Answer 4

Используйте метод wrap:

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