javascript regex - 添加结束 img 标签

Question

我需要添加一个结束图像标签。当前 HTML:

<img class="logoEmail" src="/images/logoPDF.png">

我想要什么:

<img class="logoEmail" src="/images/logoPDF.png"/>

我怎样才能做到这一点？

Answer 1

myInput ='<img class="example1" src="/images/example1.png">';
myInput += '<img class="example2" src="/images/example2.png"/>';

result = myInput.replace(/(<img("[^"]*"|[^\/">])*)>/gi, "$1/>");

正则表达式的解释:

<img开始

"[^"]*"标签内的字符串。可能包含/性格。

[^\/">]其他任何内容(不是字符串、不是 / 也不是标签结尾)

> IMG 标签结束

这只会匹配未完成的标签，并将其替换为整个标签，加上 />

正如我之前所说，这并不是万无一失的，可能没有任何正则表达式可以 100% 工作。