在所有孩子周围缠绕一个跨度

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>');

Answer 2

.children() 不包括文本节点。使用.wrapInner 在元素周围添加跨度。