HTMLの文字列を指定すると、アンカーのHTMLタグのみを取り除く最も良い方法は何ですか？

Question

スクリプトタグ、プレーンテキストなどのHTML文字列があるとします。

<a>タグのみを削除するにはどうすればよいですか？

ここではいくつかの方法を使用していますが、これらはすべてのタグ用です。 Strip HTML from Text JavaScript

Answer 1

：

var content = $('<div>' + htmlString + '</div>'); 
content.find('a').replaceWith(function() { return this.childNodes; }); 
var newHtml = content.html(); 

を包む<div>タグを追加するには、私たちが戻って必要なHTMLを取得することができます。

私のブログにmore detailed explanationと書いてあります。

Answer 2

は< >タグはそれほど単純ではungreedy regexpはトリックを行うだろう、他の< >タグを保持する（すなわちstring.match(/<a>(.*?)<\/a>/)を、この例では、タグは何の属性を持っていないと仮定）想定されていません。 jQueryのを使用して

Answer 3

このアプローチでは、既存のDOMノードが保持され、イベントがアタッチされているアンカー内に要素がある場合、副作用が最小限に抑えられます。

（jQueryを使って）を使用する

function unwrapAnchors() { 
    if(!('tagName' in this) || this.tagName.toLowerCase() != 'a' || !('parentNode' in this)) { 
     return; 
    } 
    var childNodes = this.childNodes || [], children = [], child; 
    // Convert childNodes collection to array 
    for(var i = 0, childNodes = this.childNodes || []; i < childNodes.length; i++) { 
     children[i] = childNodes[i]; 
    } 
    // Move children outside element 
    for(i = 0; i < children.length; i++) { 
     child = children[i]; 
     if(('tagName' in child) && child.tagName.toLowerCase() == 'a') { 
      child.parentNode.removeChild(child); 
     } else { 
      this.parentNode.insertBefore(child, this); 
     } 
    } 
    // Remove now-empty anchor 
    this.parentNode.removeChild(this); 
} 

：

$('a').each(unwrapAnchors); 

（jQueryのなし）を使用するには、次のパフォーマンスが懸念される場合

var a = document.getElementsByTagName('a'); 
while(a.length) { 
    unwrapAnchors.call(a[a.length - 1]); 
} 

Answer 4

はここでネイティブ（非ライブラリー）ソリューションです。

function stripTag(str, tag) { 
    var a, parent, div = document.createElement('div'); 
    div.innerHTML = str; 
    a = div.getElementsByTagName(tag); 
    while(a[0]) { 
     parent = a[0].parentNode; 
     while (a[0].firstChild) { 
      parent.insertBefore(a[0].firstChild, a[0]); 
     } 
     parent.removeChild(a[0]); 
    } 
    return div.innerHTML; 
} 

はこのようにそれを使用します。

alert(stripTag(my_string, 'a'));