jquery - jQuery wrap chaining

Question

<p>hello</p>

$("p").wrap("<div class='inner'></div>").wrap("<div class='outer'></div>");

The result is <div class="inner"><div class="outer"><p>hello</p></div></div>,

Why is it so? I expected inner inside outer, not otherwise.

Here is fiddle to play with : http://jsfiddle.net/qnYDY/

Answer 1

我认为第一个 wrap 调用返回“p”本身，所以当你再次包装它时，“外部”div 将包装“p”标签而不是它的任何父母。

Answer 2

因为wrap()方法：

...返回用于链接目的的原始元素集。

来源：http ://api.jquery.com/wrap/

Answer 3

正如Jamie Dixon wrap()所说，返回原始参数集。

您可以使用parent()附加到新添加的元素：

$("p").wrap("<div class='inner'></div>").parent().wrap("<div class='outer'></div>");