刪除嵌套<SPAN>沒有ID

Question

好吧，我有以下字符串

我有一個包含以下內容的字符串：

<span>A</span>BC<span id="blabla">D<span>EF</span></span>GH 

我希望能夠使用純JavaScript來剔除任何span標記在沒有一個id，使輸出的樣子：

ABC<span id="blabla">DEF</span>GH 

我有下面的代碼工作正常，但中間不處理嵌套的跨度（即HOL的一個ds EF）。我只需要知道如何使用遞歸來實現我的目標。

function removeSpans2(s) { 
    var a = document.createElement('div'); 
    a.innerHTML = s; 
    var node, next = a.firstChild; 

    while (node = next) { 
    next = next.nextSibling 

    if (node.tagName && node.tagName.toLowerCase() == 'span' && !node.id) { 
     a.replaceChild(document.createTextNode(node.textContent || node.innerText), node); 
    } 
    } 
    return a.innerHTML; 
} 

Answer 1

內容不需要遞歸，找出了一個更簡單的算法。這個可以處理各種嵌套元素，你可以在span中有A元素，或者跨越As，或跨越跨度跨越......任何。

function removeSpans3(s) { 
    var a = document.createElement('div'); 
    a.innerHTML = s; 
    var span, spans = a.getElementsByTagName('span'); 
    var frag, arr = []; 

    // Stabilise spans collection in array 
    for (var i=0, iLen=spans.length; i<iLen; i++) { 
    arr[i] = spans[i]; 
    } 

    // Process spans 
    for (i=0; i<iLen; i++) { 
    span = arr[i]; 

    // If no id, put content into a fragment 
    if (!span.id) { 

     // Some older IEs may not like createDocumentFragment 
     frag = document.createDocumentFragment(); 

     while (span.firstChild) { 
     frag.appendChild(span.firstChild); 
     } 

     // Replace span with its content in the fragment 
     span.parentNode.replaceChild(frag, span); 
    } 
    } 
    return a.innerHTML; 
} 

Answer 2

完美的時候拉了一些遞歸：

function removeSpans2(s) { 
    var a = document.createElement('div'); 
    a.innerHTML = s; 
    var node, next = a.firstChild; 

    while (node = next) { 
    next = next.nextSibling 

    if (node.tagName && node.tagName.toLowerCase() == 'span' && !node.id) { 
     a.replaceChild(document.createTextNode(removeSpans2(node.textContent || node.innerText)), node); 
    } else if (node.innerText != undefined){ 
     var node2 = node.cloneNode(true); 
     node2.innerText = removeSpans2(node2.innerText); 
     a.replaceChild(node2, node); 
    } 
    } 
    return a.innerHTML; 
} 

Answer 3

我認爲這會工作，只需添加一個遞歸

function removeSpans2(s , el) { 
    var a = el || document.createElement('div'); 
    a.innerHTML = s; 

    var node, next = a.firstChild; 

    while (node = next) { 
     next = next.nextSibling; 
     if(node.children && node.children.length) { 
      arguments.callee(node.innerHTML , node); 
     }else if (node.tagName && node.tagName.toLowerCase() == 'span' && !node.id) { 
      a.replaceChild(document.createTextNode(node.textContent || node.innerText), node); 
     } 
    } 
    return a.innerHTML; 
} 

Answer 4

你爲什麼不只是簡單地使用與string.replace （）如果它是一個像你似乎表明的HTML字符串。

str.replace(/<span>([A-Za-z0-9]*)<\/span>/g, '$1'); 

你可以調整括號中的數值，以適應什麼樣的內容，你將你的跨度之間找到

編輯上面的代碼編輯只刪除標籤，而不是內部