Javascript 清除不需要的<；span>；标签

我需要清除一些不需要的标签。这是我的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修复它。

您可以使用。下面的示例将删除整个文档中的所有跨嵌套，因此在您的情况下可能需要更严格的限制

然而，即使您可以在构建了有问题的DOM结构之后修复它，在源代码处修复问题可能是一个更好的主意

$（'span'）。展开（'span'）

到目前为止您尝试了什么？您是否有更多的上下文？这些跨度是从哪里来的？它们是在DOM中呈现的，还是仅在可编辑的.html文件中呈现的？在这些情况下，最好的解决方案总是先修复生成不需要的HTMLT的任何东西，而不是在其他地方修复它。@CoderPi甚至都无法正常工作。我只是随便看看孩子们。@Shilly，我很抱歉这个问题不清楚。我会更新的。这个HTML是由一个我真的无法更改的代码库呈现的，我必须尝试使用一些JS来修复它。谢谢你的回答。它就像一个符咒。我无法在源代码中修复它（请参阅更新的问题）。