Question

如何获取第一个“grid_5”类div背景图片网址？（例如：以下示例中的test1.jpg）

<div>
<div class="grid_5" style="background: url("test1.jpg");">
<div class="grid_5" style="background: url("test2.jpg");">
<div class="grid_5" style="background: url("test3.jpg");">
</div>

我尝试了以下但是它不起作用：

$('.grid_5:first').attr('background')
$('.grid_5')[0].attr('background')

请告诉我为什么这是正确的代码。

先谢谢。

Answer 1

$('.grid_5:eq(0)').css('background');

Answer 2

你想要.css('background')。

Answer 3

如果你将style属性更改为background-image，它应该可以正常工作，如下所示：

http://jsfiddle.net/KKRTz/

<div>
<div class="grid_5" style="background-image: url('test1.jpg');">
<div class="grid_5" style="background-image: url('test2.jpg');">
<div class="grid_5" style="background-image: url('test3.jpg');">
</div>

$('.grid_5').first().css('background-image');

Answer 4

我喜欢这种风格

 $('.grid_5:first').css('background')

如何使用jquery获取具有指定类的第一个div的背景图像？

4 个答案: