CODEWITHSUNDEEP
javascriptjquery
Abs
Abs

Reputation: 57946

Wrap a span around all children

I am trying to get the contents of a div and wrap a span around it and append back to the div.

From this:

<div>
<a href="#">12</a>
Testing
</div>

To this:

<div>
<span>
<a href="#">Hehhehe</a>
Testing
</span>
</div>

So I tried this:

var span = $(document.createElement('span'));

var contents = window.jQuery(this).children();

span.append(contents);

window.jQuery(this).append(span); // I am looping here but this is the div

However, the text "Testing" is always outside the span!

How can I get everything to be within the span?

Upvotes: 3

Views: 419

Answers (2)

Rob W
Rob W

Reputation: 349102

.children() doesn't include text nodes. Use .wrapInner to add the span around your elements.

Upvotes: 1

Gabriele Petrioli
Gabriele Petrioli

Reputation: 196112

This should do what you want..

$('div').wrapInner('<span>');

Demo at http://jsfiddle.net/gaby/76ND5/

If in your code this refers to the div in question, then all you need is

$(this).wrapInner('<span>');

Upvotes: 5

Related Questions