jQuery環繞文本

Question

我有以下內容

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

在jQuery中，如何圍繞“此文本沒有跨度”文本包裝div或span？

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>