jQuery wrap chaining [closed]

Question

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.

---

This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.

Closed 3 years ago.

Improve this 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

Because the wrap() method:

...returns the original set of elements for chaining purposes.

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

Answer 2

I think the first wrap call returns "p" itself , so when you wrap it again, the "outer" div will wrap the "p" tag and not any of its parents.

Answer 3

As stated by Jamie Dixon wrap() returns the original set of arguments.

You could use parent() to append to the newly added element:

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