javascript - jQuery环绕文本

Question

我有以下

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

在 jQuery 中，如何div在“此文本没有跨度”文本周围环绕一个或跨度？

Answer 1

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

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

演示：http: //jsfiddle.net/awwTA/

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

我想你知道我想要做什么

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>