想要利用正则来达到一些内容的替换

Question

var s ='<div><img style="width:450px;height:62px;" id="img_1" alt="" src="http://p.ananas.chaoxing.com/star3/270_169c/53c8d26ba310a822ad8b3447.jpg" />dfddddddd<img  id="img_2" alt="sdfdsfs" src="http://p.ananas.chaoxing.com/star2/270_169c/53c8d26ba310a822ad8b3447.jpg" />dfddddddd</div>';

想要替换成这样的形式var s ='<div>${img_1}dfddddddd${img_2}dfddddddd</div>'; 这个怎么写呢。

Answer 1

ES6:

s.replace(/<img.*?\/>/g, img => `\${${/id="(.*?)"/.exec(img)[1] || ''}}`)

ES5:

s.replace(/<img.*?\/>/g, function (img) {
    var id = /id="(.*?)"/.exec(img)[1] || ''
    return '${'+id+'}'
})

https://jsfiddle.net/hsfzxjy/...