jQuery的包裹链

Question

<p>hello</p> 

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

结果是<div class="inner"><div class="outer"><p>hello</p></div></div>，

为什么会这样呢？我预计内内外，不是别的。

这里是小提琴玩：http://jsfiddle.net/qnYDY/

Answer 1

因为wrap()方法：

...返回原来设置为链接的目的元素。

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

Answer 2

我认为首套调用返回“P”本身，所以当你再次把它包起来，“外”的div将包裹“P”标签，并没有任何的父母。

Answer 3

如前所述通过Jamie Dixonwrap()返回原设定的参数。

你可以使用parent()追加到新添加的元素：

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