javascript - 清除不需要的 标签

Question

我需要清除一些不需要的标签。这是我的 HTML:

<span>
    <span>
        <span>
            <a href="http://dummy.com/image.jpg">[Image]</a>
        </span>
    </span>
</span>

这就是我正在寻找的结果:

<span>
    <a href="http://dummy.com/image.jpg">[Image]</a>
</span>

关于如何轻松实现这一点有什么想法吗？感谢您的帮助。

HTML 由我无法更改的代码库呈现，因此我必须尝试使用​​ JS 修复它。

Answer 1

你可以使用 unwrap .以下示例将删除整个文档中的所有跨度嵌套，因此您可能必须对您的情况进行更多限制。

但是，即使您可以在构建后修复有问题的 DOM 结构，从源头解决问题可能是更好的主意。

$('span').unwrap('span');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span>
    <span>
        <span>
            <a href="http://dummy.com/image.jpg">[Image]</a>
        </span>
    </span>
</span>