javascript - js正则表达式如何将span标签替换为img标签，并将原span标签的内容放到img标签的src中

问题描述

问 题

需求如下：

需要将字符串通过正则表达式

var str = "<h2>11</h2><span>http://files.cnblogs.com/files/wj204/2.gif</span><h2>22</h2><p>33</p><span>http://files.cnblogs.com/files/wj204/ali.gif</span>";

转化为：

var str = "<h2>11</h2>
<img src ="http://files.cnblogs.com/files/wj204/2.gif" / >
<h2>22</h2><p>33</p>
<img src="http://files.cnblogs.com/files/wj204/ali.gif"/>";

这样的结果

目前我做到的是：

1.把span标签内容匹配出来，代码为：

str.match(/<span>(.*?)<\/span>/g)

结果为：

2.用replace将span标签替换为img标签

str.replace(/<span>(.*?)<\/span>/g, "<img src/>")

结果：

接下来要怎么处理？如何将这两步关联起来，得到我的预期结果。

解决方案

str.replace(/<span>(.*?)<\/span>/g, '<img src="$1"/>')

这篇关于javascript - js正则表达式如何将span标签替换为img标签，并将原span标签的内容放到img标签的src中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！