jquery - 使用 jQuery 加载 img src 作为其所在 Div 的背景图像

Question

我正在使用 SharePoint，我必须处理一些使用开源的公司问题...此外还必须使网站易于编辑。我正在使用 jQuery 和 Cycle v.3.0.2 来运行 slider 。我即将拆开我的 slider 以允许它使用标题，因此我将在每张幻灯片上使用一个单独的 div。我想要一个 img 元素和一个文本元素作为标题运行，并且由于 slider 是全宽的，如果我可以拉出该 img 标签的 src 属性并将其应用到整个 div 作为背景图像，我会很高兴当特定幻灯片加载时。有办法实现这一点吗？我看到编码是这样的:

<div id="slider">
<div class="sliderIMG">
    <img src="http://urURL.com/img1" />
    <h4>Your Caption for Slider <a class="button" href="#" target="_blank">Button</a></h4>
</div>
<div class="sliderIMG">
    <img src="http://urURL.com/img1" />
    <h4>Your Caption for Slider <a class="button" href="#" target="_blank">Button</a></h4>
</div>
<div class="sliderIMG">
    <img src="http://urURL.com/img1" />
    <h4>Your Caption for Slider <a class="button" href="#" target="_blank">Button</a></h4>
</div>

有没有一种方法可以调用它来向 .sliderIMG div 添加样式标签，并使用驻留在该 div 中的 img src 添加内联背景图像？另外，还有一个名为“active”的事件幻灯片类，如果这可以帮助我获取正确的 src 属性。

Answer 1

var src = $('.sliderIMG').children('img').attr('src');
$('.sliderIMG').css('background-image', 'url(' + src + '');

https://jsfiddle.net/3h6pqyod/

正如另一位发帖者所说，您可以像这样迭代所有 div:

$('.sliderIMG').each(function() {
    var src = $(this).children //etc...