如何使用jquery獲取指定類的第一個div的背景圖像？

如何獲得第一個「grid_5」class div背景圖片url？（例如：在下面的例子中test1.jpg）如何使用jquery獲取指定類的第一個div的背景圖像？

<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')

請告訴我這是爲什麼，什麼應該是它的正確的代碼。

謝謝先進。

來源

2011-03-27 Shadow_boi

attr應該是css – 2011-04-02 12:01:28

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

來源

2011-03-27 04:06:32 moe

爲什麼不能'$（'。grid_5'）[0] .css（'background'）;'？ – 2011-03-27 04:18:15

只是儘量縮小選擇器的範圍，我不需要其他n-1匹配。我有證據表明eq更快嗎？不幸的是沒有，但也許我應該調查 – moe 2011-03-27 04:23:26

你想要.css('background')。

來源

2011-03-27 04:06:02

如果你改變了風格屬性，背景圖片，它應該工作得很好，因爲在這裏看到：

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');

來源

2011-03-27 04:20:28

我喜歡這種風格

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

來源

2011-03-27 04:24:15 mcgrailm

感謝您的答覆。使用上面的代碼，它返回「url（」test1.jpg「）」有沒有辦法讓它返回「test1.jpg」？ – 2011-03-27 04:32:23

對不起，我的意思.css（'背景'）; – mcgrailm 2011-03-27 13:20:51

如何使用jquery獲取指定類的第一個div的背景圖像？

回答

相關問題