Get URL from background-image Property

Question

i am currently using this to get the url from the background-image property:

var url = $(this).find('div').css('background-image');
url = url.substr(4, url.length - 5);

This works fine however in some browser (IE6-9), instead of it being:

url(http://.com/)

its

url("http://.com/)

Is there a failsafe way that will just get the url from this property? without having to do browser detection or some other stuff?

Answer 1

You could do:

url = url.replace(/^url\(["']?/, '').replace(/["']?\)$/, '');

This will remove url(' and url(" from the beginning of the string if it is present and ") resp. ') from the end.