How to detect the url of an image in a div and append it to another div HTML

Question

I was wondering how to use jQuery to find the url of a divs background-image and append it to another div. How can I do this?

do you have your work so far, or some sample code we can look at? — Sammy, Aug 14 '14 at 03:14
check this one.. http://stackoverflow.com/questions/8809876/can-i-get-divs-background-image-url — reuelab, Aug 14 '14 at 03:16

Hanuman · Accepted Answer · 2014-08-14T03:24:35.773

1

var bg = $('#source').css('backgroundImage')
$('#target').css('backgroundImage', bg)

You can also do it easily without jQuery:

var bg = document.getElementById('source').style.backgroundImage
document.getElementById('target').style.backgroundImage = bg

If you only want the url content of the property:

var re = /url\((.+)\)/  // assuming the format: url(/path/to/image.png)
var bg = $('#source').css('backgroundImage')
var url = re.exec(bg)[1]
$('#target').css('backgroundImage', url)

edited Aug 14 '14 at 03:24

answered Aug 14 '14 at 03:15

Hanuman

6,771
3
41
39

Oh. Ha! Didn't even think of that! Thanks! – user3105120 Aug 14 '14 at 03:25

How to detect the url of an image in a div and append it to another div HTML

1 Answers1