javascript - 从 $().css ("background-image"获取相对路径)

Question

在 CSS 中我有 background-image: url(folder/bg.jpg);。

为此，JQuery 的 css("background-image") 返回 url(http://www.example.com/folder/bg.jpg),

但我只需要 folder/bg.jpg。

我正在寻找可以为我解决这个问题的正则表达式。

Answer 1

尝试使用 String.prototype.split() 和 RegExp /\//, Array.prototype.join() , 字符串.prototype.slice()

$("div").html(
  
  $("div").css("backgroundImage").split(/\//)
  .slice(-2).join("/").slice(0, -1)

)

div {
  background-image: url(http://www.example.com/folder/bg.jpg)
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<div></div>