jQuery get background image URL without the quotes?

Question

I'm trying to use jQuery to get the background image URL of a div but without any quotes.

So basically all I need is the URL/Path to the image.

I'm using the code bellow but this code gives me a URL like this:

"http://somesite.com/images/apple.png"

As you can see, it will place the URL between double quotes which is not what I want.

Here is the code:

var bg = $('.selected').css('background-image');
bg = bg.replace('url(','').replace(')','');

alert(bg);

could someone please advise on this issue?

score 5 · Accepted Answer · answered Apr 17 '16 at 12:34

5

Replacing with RegEx /"/g will give me what you want:

alert(
  '"http://somesite.com/images/apple.png"'
    .replace(/"/g, "")
);

answered Apr 17 '16 at 12:34

Praveen Kumar Purushothaman

164,888
24
203
252

2

sure. will do. I always select correct answers any how ;) – rooz Apr 17 '16 at 12:39

score 5 · Answer 2 · edited May 23 '17 at 12:24

5

There are several ways

var bg_img = $('body').css('background-image').replace(/^url\(['"](.+)['"]\)/, '$1');

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

These stack overflow qns can help you

Get URL from background-image Property

edited May 23 '17 at 12:24

Community

1
1

answered Apr 17 '16 at 12:39

OmarJ

89
3

Omar, if you find a duplicate, and it solves the question, kindly use the duplicate option. – Praveen Kumar Purushothaman Apr 17 '16 at 12:41
cheers omar. that helps too. – rooz Apr 17 '16 at 12:42
Will do that..thanks! – OmarJ Apr 17 '16 at 12:42

jQuery get background image URL without the quotes?

2 Answers2

Linked