正则表达式用于在background-url中的url中查找值

时间:2014-02-13 11:19:04

标签: c# asp.net css regex

  1. 我有$('#tab1').css("background-image", "url(../CARImages/Icons/tab1.png)");我需要从中提取../CARImages/Icons/tab1.png

  2. 我在css中可能有background-image:url(../Images/Themes/tile_bg.png);语法。我需要从中提取../Images/Themes/tile_bg.png

  3. 语法可以是background:url(“../ Images / bg_topnav.gif”);我需要从中提取../Images/bg_topnav.gif。

  4. 4 ..语法可以是background:url('../ Images / bg_topnav.gif')。我需要从中提取../Images/bg_topnav.gif。

    我是否可以使用相同的正则表达式来提取图像参考。

    输出不应包含原始语法中出现的反转彗差。

1 个答案:

答案 0 :(得分:2)

使用它:

/url\([\"\']?(.*?)[\"\']?\)/

演示:http://rubular.com/r/EXrGNXnmnn

例如:

var str = '$(\'#tab1\').css("background-image", "url(../CARImages/Icons/tab1.png)");';
var res = /url\([\"\']?(.*?)[\"\']?\)/.exec(str);
console.log(res[1]);
正视后面的正则表达式

(?<=url)\([\"\']?(.*?)[\"\']?\)