採取的IMG SRC和上DIV的背景設置 - JQuery的

Question

我有了裏面的IMG一個div。當這些被生成時，我想採用img src並將其設置在外部div的背景屬性中。

（我試圖做一個圓形的圖像，然後跟着教程）

我有這個。

的JS

<script type="text/javascript"> 
     $(document).ready = (function() { 
      var someId = $("#someId"); 
      $.each(someId, function(index, value) { 
       var src = value.find('img').attr('src'); 
       value.css('background', 'url(' + src + ') no-repeat'); 
      }); 
     }); 
</script> 

的HTML

<div class="body"> 
    <h2><img alt="image" src="img-src" /></h2> 
</div> 

然而，當我跑工地，背景屬性未設置。

Here是小提琴。

Answer 1

小樣本

• value的處理程序中是不是一個jQuery對象，所以它不會有像find()
• document.ready()方法是，你需要通過你準備好處理程序作爲一個參數，將其
功能
• 可以使用.css(property, function(){})設置CSS屬性

嘗試

jQuery(function ($) { 
    var someId = $("#someId"); 
    someId.css('background', function() { 
     console.log('x') 
     return 'url(' + $(this).find('img').attr('src') + ') no-repeat' 
    }) 
}) 

演示：Fiddle

Answer 2

你有語法錯誤，缺少});在的$。每個（代碼末尾。

和邏輯錯誤也是如此。您的代碼中的value將會是您通過.find（）找到的圖片，並且您試圖將這些圖片的src設置爲該圖片的背景並將其設置爲圖片的背景...

設置背景在圖像上沒有任何意義。