javascript - 将所有 child 包裹起来

Question

我正在尝试获取一个 div 的内容并围绕它包装一个 span 并追加回该 div。

来自这里:

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

对此:

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

所以我尝试了这个:

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

但是，文本“Testing”总是在跨度之外!

如何让所有内容都在范围内？

Answer 1

这应该做你想做的..

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

演示在 http://jsfiddle.net/gaby/76ND5/

---

如果在您的代码中 this 指的是有问题的 div，那么您只需要

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