Jquery：如何在保留文本的情況下展開一個字符串的所有span標籤

Question

我想知道如何在保留所有文本的同時拆開所有span標籤的字符串。

我嘗試：

<script> 
mystr="<span id=1>firstword</span><span id=2>secondword</span>"; 
var element = $(mystr);//convert string to JQuery element 
var result= element.find("span").contents().unwrap(); 
alert(result); 
</script> 

Answer 1

您可以使用jQuery的文本（）。 IR替換您的標籤

jsfiddle.net/7dew9zqs/

Answer 2

你的問題是，該.find()功能會考慮你的元素的後裔。然而，你正在尋找頂級元素。

爲了分別抓取每個文本節點，您可以執行以下操作來遍歷字符串中的每個跨度並提醒文本。

element.each(function(i, ele){ 
    alert($(ele).text()) 
}); 

Answer 3

你unwrap()是正確的，但你需要element的內容。所以，試試這個：

var mystr = "<span>firstword</span><span>secondword</span>"; 
 
var element = $('<div></div>').html(mystr); 
 
alert(element.html()); 
 
element.find("span").contents().unwrap(); 
 
alert(element.html());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Answer 4

您的跨度不嵌套在任何其他元素。檢查以下結果：

mystr="<div><span id=1>firstword</span><span id=2>secondword</span></div>"; 
var element = $(mystr);//convert string to JQuery element 
var result= element.find("span").contents().unwrap(); 
alert(result);