使用jQuery在文本周围包裹<span>标签

Question

我有以下的内容。

<div><span class="myspan">hello</span> this text has no span </div>

在jQuery中，我如何在“这段文字没有span”文本周围包裹

或？

- LeBlaireau

---

如果我是你，我会将@Vision标记为答案。任何痛苦都应该被赞赏！ - Behnam Esmaili

Answer 1

针对您当前的示例，这是我的一行解决方案：

$("div span").detach().prependTo($("div").contents().wrap("<span />").end());

DEMO: http://jsfiddle.net/awwTA/

- VisioN

---

这就是为什么我热爱jQuery的原因！ - Behnam Esmaili

@Behnam Esmaili 是的和不是的，可能会让维护变得棘手，但这个例子很好。 - A. Wolff

没有什么比时间更宝贵，而 JQuery 节省了我的时间。 - Behnam Esmaili

Answer 2

这不是最好的解决方案，但可以帮助你...

<div id="myDiv"><span class="myspan">hello</span> this text has no span </div>

var div = $('div#myDiv');
var span = $('span.myspan');
div.remove(span);
div.html($('<span></span>').text(div.text()));

我想你已经明白我试图做什么了

- Talha Ahmed Khan

Answer 3

您可以在父级 div 中搜索任何文本（nodeType:3）元素，然后将每个文本包装在另一个 div 中。请参见下面的示例：

$('#myDiv').contents().filter(function(){
   return this.nodeType === 3;
}).wrapAll("<div class='red' />");

.red { color: red; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myDiv"><span class="myspan">Hello</span> this text has no span </div>

- MaxZoom