获取背景图片的$（'＃id'）。attr（'src'）

Question

我想使用jquery在div中获取背景图像。我试过了

var img = $('#id').attr('src');

但是

alert(img) 

显示为null / undefined。

我也尝试了document.getElementById('elementId').src;但结果相同。

我也试过这个var img = $('#outer').css('background-image');显示为url（s / bg.jpg）

这里有什么问题？

Answer 1

background-image是CSS属性，因此请使用.css方法：

var img = $('#id').css('background-image');

上面的调用将返回计算样式属性（包含url(path)）。要删除url部分，请使用正则表达式替换：

img = img.replace(/^url\(|\)$/g, "");

您可以按照以下方式单行进行：

var img = $('#id').css('background-image').replace(/^url\(|\)$/g, "");

---

  

.css( propertyName )

     

获取匹配元素集中第一个元素的计算样式属性。

Answer 2

您需要使用css()

获取样式属性

尝试

var img = $('#id').css('backgroundImage');