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

时间:2017-05-25 07:48:17

标签: javascript

我有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进行操作?

2 个答案:

答案 0 :(得分: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返回它们。

答案 1 :(得分:1)

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

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