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

Question

我一直在研究这个，但只能看到使用 .replace 的帖子和使用单个图像的其他方法。

不知道如何做到这一点，但把小提琴放在一起来展示我正在努力的方向。

滑块中有 img 需要被移除并应用到它们自己的父 div 作为 css 背景。如您所见，slide1 和 slide2 具有不同的 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();

  });    

});

任何指导都会很棒

干杯

Answer 1

改变了你的 jquery ：

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

});

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

更新了 jsfiddle - http://jsfiddle.net/cse2u/3/