jquery - 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>、

なぜそうなのですか？私はinner inside outerを期待していましたが、それ以外ではありませんでした。

ここで遊ぶフィドルは次のとおりです：http://jsfiddle.net/qnYDY/

Answer 1

最初のラップ呼び出しは「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>");