Question

Lets say I have two divs

How do I use .find to get div1’s background image, than apply that background image to div2, and replace “.jpg” with “_highlighted.jpg” ?

var div2bg = $('.div1').find('div').attr('background-image'??)//how to assigned the background image as a variable?

$('.div2').css("background-image", "url(" + div2bg + ")");
$('.div2').css("background-image").replace(".jpg", "_highlighted.jpg");

Answer 1

Close but replace returns a string, it doesn’t change the source.

I think you want this instead:

var div2bg = $('.div1').css('background-image');

$('.div2').css("background-image", div2bg.replace(".jpg", "_highlighted.jpg"));