使用javascript将span标记替换为h4标记

Question

我有javascript字符串，

var str = '<div><p class="">Deleted content <span class="del cts-2">example</span></p></div>'.

我想将<span class="del cts-2">替换为<h4>。

预期输出

var str = '<div><p class="">Deleted content <h4>example</h4></p></div>'

如何使用纯JavaScript进行操作？

Answer 1

您可以将正则表达式与捕获组一起使用：

var str = '<div><p class="">Deleted content <span class="del cts-2">example</span></p></div>'
str = str.replace(/<span class="del cts-2">(.*?)<\/span>/g, "<h4>$1</h4>")
// now str == "<div><p class="">Deleted content <h4>example</h4></p></div>"

(.*?)括号捕获字符，$1返回它们。

Answer 2

您可以使用以下正则表达式：

str = str.replace(/span.*?>/g, 'h4>');