如何替換標簽而不干擾內容？

Question

我只是想刪除一個html標記（打開和關閉），而不會干擾內容。

例如，鑒於此標記...

var temp =
<span id="myspan1">
<span id="myspan2" class="new">
hello world !</span>
</span>

我想去這個...

var newcontent = 
<span id="mySpan1">
    hello world !
</span>

請幫助我解決這個問題在jQuery中。

Answer 1

我認為jQuery有一個未unwrap 。 由於unwrap會刪除父對象，因此我們需要獲取#myspan2的內容，以使#myspan2成為要刪除的父對象， 最后以#myspan1為父對象 。

$('#myspan2').contents().unwrap();

為了進一步闡明為什么unwrap比做html更好的原因是，當您執行.html() ，它僅檢索從當前元素派生的DOM的字符串表示形式。 它不會獲取這些后代附帶的處理程序和數據。 因此，如果使用該HTML字符串重新創建DOM，它將確實重新創建DOM，但不再具有附加到這些后代的處理程序和數據 。

Answer 2

只要在myspan1范圍內沒有其他內容，這應該可以工作：

$("#myspan1").html($("#myspan2").html());

它將myspan1 span的內容替換為myspan1的內容， myspan2有效地刪除了標簽。 對於給定的示例，它可以工作，但是如果myspan1除了myspan2之外還有其他內容，它將失敗。

Answer 3

試試下面的代碼

$('#myspan1').html($('#myspan2').html())

Answer 4

$('#myspan1').html($('#myspan2').html());

Answer 5

嘗試

var temp = '<span id="myspan1"><span id="myspan2" class="new">hello world !</span></span>';

var $t = $(temp);
$t.find('.new').contents().unwrap();
console.log($t[0].outerHTML)

Answer 6

如果您希望將直接子元素的內容分配給父元素，則可以使用此方法

$("#myspan2").parent().html($("#myspan2").html());