Coffeescript：替换 <img> src 属性

Question

我是咖啡脚本的新手，我的最终目标是将图像标签中 src 的值更改为不同的值。输入将是一个字符串。

让我们说

string  x = '<div class="sample">
                 <img src="/i/java.png"> 
             </div>
             <div class="sample">
                 <img src="/i/python.png"> 
            </div>'

我想将 src 的内容替换为其他内容。我尝试使用正则表达式进行尝试，但它不起作用。关于如何实现这一目标的任何想法。我使用了这个正则表达式。

 s.replace /[/"][//]{1}i[//]{1}/g, '"//cdn.example.com/'

我正在使用我的本地应用程序以及 this 网站来测试我的代码

Answer 1

我认为您的原始正则表达式有问题。

试试这个例子，

x = '<div class="sample">
             <img src="/i/java.png"> 
         </div>
         <div class="sample">
             <img src="/i/python.png"> 
        </div>'

console.log(x.replace /\/i\/[a-zA-Z1-9]+.png/g, '"//cdn.example.com/')

正则表达式 /\/i\/[a-zA-Z1-9]+.png/g 应匹配格式为 /i/anything_here.png 的任何值，但要确保 anything_here 值至少包含 1 个字符（因此 /i/.png 不会t 匹配）。

如果您的字符串在 .png 文件名之前可能包含更多子路径，请使用以下正则表达式 - \/i(\/[a-zA-Z1-9]+)+.png

此正则表达式将允许在 /filename.png.

之前出现尽可能多的 /anything

Coffeescript：替换 <img> src 属性

Coffeescript: replace an <img> src attribute

javascript

coffeescript