javascript - 使用 attr() 获取背景图片 url

Question

我使用 attr('style') 并能够获得以下值，

background-image: url(http://example.com/img/123456-bg.jpg); background-size: cover;

但是如何继续获取

123456-bg

Answer 1

尝试

var $div = $('#mydiv'),
  bimg = $div.css('background-image');
var match = bimg.match(/\d+-bg/),
  value = match ? match[0] : undefined;

snippet.log(value)

<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<!-- To show result in the dom instead of console, only to be used in the snippet not in production -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="mydiv" style="background-image: url(http://example.com/img/123456-bg.jpg); background-size: cover;"></div>