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

Я думаю, что первые возвращается обертка вызовов «р» сам, поэтому, когда вы заверните его снова, «внешнее» ДИВ будет обернуть «р» тег, а не какие-либо его родителей.

Answer 3

Как заявил Jamie Dixonwrap() возвращается оригинальный набор аргументов.

Вы можете использовать parent() для добавления к вновь добавленного элемента:

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