Jquery 查找多个src并将css背景应用于其父div

我已经对此进行了研究，但只能看到使用.replace和其他方法使用单个图像的帖子

不知道如何做这一个，但放在一起，以显示我的工作方向

滑块中有一些img需要删除，并作为css背景应用于它们自己的父div。如您所见，幻灯片1和幻灯片2具有不同的lorempixel url，但第一个url应用于两张幻灯片

这是我正在使用的jQuery：

$(document).ready( function(){

  var src = $('.page').find('img').attr('src');

  $('.page img').each(function() {

      $(this).parent().css('backgroundImage','url('+src+')');
      $(this).remove();

  });    

}))

任何指导都很好

干杯改变了你的jquery:

$(document).ready( function(){
  $('.page img').each(function() {
      $(this).parent().css('backgroundImage','url('+$(this).attr('src')+')');
      $(this).remove();
  });    

});

问题是，当您执行src时，它会为您提供一个图像源文件数组，而您并没有在循环中循环。对

---

更新了JSFIDLE-

确实如此。我只是不得不让时间过去接受它。谢谢你的帮助谢谢。这对其他人是有帮助的。