如何在这种情况下从图像中获取URL？

Question

我构建了一个完整的背景幻灯片，现在我正在尝试构建一个加载脚本。

我将检查图像是否已经加载，但为此我需要图像URL。

问题是我正在添加和删除类以显示图像：

#resp-background.back1 {
    background: url('../img/backgrounds/background1.png');
}

#resp-background.back2 {
    background: url('../img/backgrounds/background2.png');
}

#resp-background.back3 {
    background: url('../img/backgrounds/background3.png');
}

我正在使用JQuery脚本来滑动图像，就像那样：

if (i == 2) {
  $("body, #resp-background").addClass('back1');
    $("body, #resp-background").removeClass('back2 back3');
    $(".s-description").text('Description number One'); //Put your description here

}

现在我正试图以这种方式获取URL：

var bg = $("#resp-background").css("background-image")
bg = bg.replace(/.*\s?url\([\'\"]?/, '').replace(/[\'\"]?\).*/, '')
alert(bg);

但即使我尝试获取Class，它也无法正常工作，我在警告框中收到相同的消息：Undefined。

var bg = $(".back1").css("background-image")
bg = bg.replace(/.*\s?url\([\'\"]?/, '').replace(/[\'\"]?\).*/, '')
alert(bg);

我必须删除类才能获取URL，但这不是我想要做的。

如何识别网址？

谢谢。