Javascript 如何乘坐'；src&x27；从一篇文章中的图像中删除，并在出现'；页面上有多个帖子？

对不起，如果那个问题是满嘴的话。基本上我想做的就是：
以下是html标记：

<article class="swiper-slide">
    <div class="image"></div>
    <div class="copy">
        <h1 class="index-name"><span>Jean-Michel Basquiat</span></h1>
        <div class="article-summary">
            <img src="img/profiles/profile_jbasquiat.jpg"/>
            <h2>Preview Copy</h2>
            <a href="#" class="read-more serif">read more</a>
        </div>
    </div>
</article>

<article class="swiper-slide">
    <div class="image"></div>
    <div class="copy">
        <h1 class="index-name"><span>Lorraine Vivian Hansberry</span></h1>
        <div class="article-summary">
            <img src="img/profiles/profile_lhansberry.jpg"/>
            <h2>Preview Copy</h2>
            <a href="#" class="read-more serif">read more</a>
        </div>
    </div>
</article>

我环顾四周，在另一个屏幕上发现了这个脚本，但我也无法让它工作。我的图像显示为空白。我不是JavaScript工作逻辑方面的专家，所以我想我应该问问这里的专家

有什么建议可以让它工作吗

$('.swiper-slide').each(function(){

  var img = $(this).find('.article-summary img').attr('src');
  $(this).find('.image').css('background-image', 'url('+img+')');
});

---

您需要为每张幻灯片执行此操作-类似于上面的操作应该有效。

在jsbin或codepen上共享您的示例，它应该有效，您可能会遗漏一些内容

$('.swiper-slide').each(function(){

  var img = $(this).find('.article-summary img').attr('src');
  $(this).find('.image').css('background-image', 'url('+img+')');
});