从后来拿到带html标签的一段文章详情的内容。 怎么给这段内容里的img标签包裹一个a标签，在给a标签增加自定义属性

Question

<p>
</p>
<p><img src="/Upload/image/20180419/small/20180419160430_8420_160430_i160431.jpg"></p>
<p>
</p>
<p><img src="/Upload/image/20180419/small/20180419160436_5324_160436_i160436.jpg"></p>
<p>
</p><p>
</p>"

想变成这样的
<p><a data-name='aa'><img src="/Upload/image/20180419/small/20180419160436_5324_160436_i160436.jpg"></a></p>

Answer 1

var str='<p><img src="/Upload/image/20180419/small/20180419160436_5324_160436_i160436.jpg"></p>';
var s=str.replace(/(<img [^<]+>)/ig,'<a data-name="aa">$1</a>')
console.log(s)

Answer 2

取到img标签后 用beforeBegin方法 然后用setattribute方法添加自定义属性