给定一个 html 字符串，在 javascript 中仅删除锚 HTML 标记的最佳方法是什么？

Question

假设有一个 HTML 字符串，带有脚本标记、纯文本等。

仅删除 标签的最佳方法是什么？

我在这里使用了一些方法，但这些方法适用于所有标签。 从文本 JavaScript 中剥离 HTML

Answer 1

使用 jQuery：

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

添加一个包装

标签使我们能够获取所需的 HTML。

我在博客上写了更详细的解释 。

Answer 2

这种方法将保留现有的 DOM 节点，如果锚点内的元素附加了事件，则可以最大限度地减少副作用。

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);
}

使用（使用 jQuery）：

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

使用（不使用 jQuery）：

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

Answer 3

A标签不应包含任何其他 。标签，所以一个简单的不贪婪的正则表达式就可以解决这个问题（即 string.match(/(.*?)<\/a>/)，但这个例子假设标签有无属性）。

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' ) );