Coffeescript:替换<img/> src属性

时间:2017-07-20 16:24:08

标签: javascript coffeescript

我是咖啡脚本的新手,我的最终目标是将图片标记中的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网站来测试我的代码

1 个答案:

答案 0 :(得分: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将不匹配)。

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

此正则表达式将允许在/anything之前出现/filename.png次。{/ p>