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

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

我会检查图像是否已经加载，但要做到这一点，我需要图像的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);

但它不起作用，即使当我尝试获取类时，我在警报框上也会收到相同的消息：未定义

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

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

如何识别URL

---

谢谢。

我要说的是，用CSS设置背景图像构建幻灯片不是一个很好的主意，而且有其局限性。这就是为什么所有的幻灯片插件都使用图像元素，它更容易访问和控制我知道，但我已经制作了幻灯片，这是我的错误，但我会继续工作。使用图像数组和位置计数器访问数组索引进行切换也会简单得多。不需要任何正则表达式哦，谢谢，我会做一个新的幻灯片，我做了一个必要的巨大代码，我会用户数组。