javascript - 使用 jQuery 获取 div 的背景图像。是否有一种内置方法可以去除 url() 部分？

Question

我正在使用这段代码获取 div 的背景图片。

var bgImage = $('#content').css('backgroundImage');

这将返回 url%28http://example.com/images/layout/content-trans.png%29

我知道您可以执行 element.height() 来获取元素的高度而不附加 px(parseInt() 也可以)，所以我想知道 jQuery 是否有类似的方法来获取实际背景图像减去 url() 元数据。

我想我可以使用正则表达式，例如 /url\((.*)\)/，但我宁愿先知道是否有内置方法。

Answer 1

url() 是 background-image 值的一部分，所以我猜你需要使用正则表达式替换。

var bgImage = $('#content').css('background-image').replace(/^url|[\(\)]/g, ''); 

引用:http://groups.google.com/group/jquery-en/browse_thread/thread/d866997cb206b35f