从css中检索所有图像URL

Question

我在网上搜索了几天，但我找不到我需要的东西。

我想要的是使用javascript正则表达式匹配CSS文件中的所有背景图像URL。

例如：

background:url('images/sprite-global.png'); // should return 'images/sprite-global.png'
background-image: url('images/sprite-global.png'); should also return 'images/sprite-global.png'
background:url( 'images/sprite-global.png' );// should return 'images/sprite-global.png' even if we have spaces.
background:url('http://mysite.com/css/images/sprite-global.png'); // should return 'http://mysite.com/css/images/sprite-global.png'

但是，它不应该返回任何内容：

{
display:none;
}

看起来很简单，但到目前为止，我得到的最好结果是：url（'images / sprite-global.png'）使用：

/url\(([^\)]+\)/i

有谁知道我可以使用哪种表达方式？

由于

雨果

Answer 1

http://jsfiddle.net/2V5Gg/2/

/url\((.*?)\)/

我不确定你的要求是什么，因为url也可以使用双引号或没有引号，或者如果你担心包含字符串“url”或括号的路径，但这至少有效用你的例子。而不是试图获得精确的正则表达式来处理修剪，而是使用$.trim更容易。