jquery заключает текущий элемент в новый родительский контейнер

Question

Я хочу заключить, используя jquery, вокруг текущего элемента новый родительский контейнер, что-то в этом роде, но мне не нравятся следующие строки, и я полагаю, что они не совсем правильные или не являются лучшими:

this.before('<div id="container">');
this.after('</div>');
// do something with the new parent here
$("#container")...

Есть ли более естественный способ сделать это? Спасибо.

Answer 1

Вы хотите использовать встроенную функцию обтекания!

this.wrap('<div id="container"></div>');

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

Answer 2

Да, .wrap().

Пример: http://jsfiddle.net/ThiefMaster/rPhF2/

Вместо <div/> вы также можете использовать, например, <div id="container"/>