javascript - 使用 javascript 和正则表达式删除 HTML 字符串中的第一个 img 标签

Question

使用 Javascript 和正则表达式，给定:

stringHTML = "bla bla bla <img src='img1.png' /> bla bla bla 
<img src='img2.png' /> bla bla bla <img src='img3.png' />";

如何删除

<img src='img1.png' />

来自 stringHTML 的第一个 img 标签

Answer 1

像这样的东西会起作用:

var output = stringHTML.replace(/<img src='img1.png' \/>/, '');

这将只找到您指定的确切子字符串(文字 <img src='img1.png' /> )并将其替换为空字符串。请注意，正斜杠需要在模式中转义，因为 JavaScript 使用正斜杠来分隔正则表达式文字。

删除第一个<img>来自输入字符串的标记，无论路径或其他属性如何，您都可以使用:

var output = stringHTML.replace(/<img.*?\/>/, ''); 

这将找到文字 <img后跟零个或多个任意字符，非贪婪地，后跟文字 /> .请注意，如果没有全局开关(g)，它只会替换第一次出现