jQuery在div中克隆活動的img，並將其作為div的背景圖片

Question

這是我到目前為止擁有的html：

<div class="testimonials">
  <div class="item active">
    <div class="testimonial-bg"></div>
    <div class="testimonial-img">
        <img src="img/testimonial-img1.jpg" alt="" />
        <p>
            Hanna's Story
        </p>
    </div>
  </div>
  <div class="item">
    <div class="testimonial-bg"></div>
    <div class="testimonial-img">
        <img src="img/testimonial-img2.jpg" alt="" />
        <p>
            Hanna's Story
        </p>
    </div>
  </div>
</div>

我希望具有“ active”類的“ .item”中的img標簽也成為.testimonials的背景圖像。 隨着每張幻燈片的更改，項目圖像也會更改，因此此背景圖像也應更改。 我怎樣才能做到這一點？

滑塊是引導程序的默認輪播。 該代碼可以在這里看到：
http://codepen.io/anon/pen/aNjaEQ

Answer 1

$(".item.active").each(function() {

  var $myBg  = $(".testimonial-bg", this),
      $myImg = $(".testimonial-img img", this);

  $myBg.css({backgroundImage: "url('"+ $myImg[0].src +"')"});

});