jquery将当前元素包含在新的父容器中

Question

我想在当前元素周围使用jquery封装一个新的父容器，类似于此，但我不喜欢以下几行，我认为它们不是真正的正确或最佳实践：

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

有没有更自然的方法呢？谢谢。

Answer 1

您想使用为此构建的wrap函数！

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

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

Answer 2

是的，.wrap()。

示例：http://jsfiddle.net/ThiefMaster/rPhF2/

您也可以使用例如<div/>代替<div id="container"/>。 {{1}}