javascript - jQuery:用 标签替换每个背景图像，保持源不变

Question

如何用类名称替换每个背景图像:

backgroundPNGAcontain

div(类名 imgWrapper)和图像具有相同的 url 源？

我已经很接近了。这是我的代码:

$( ".backgroundPNGAcontain" ).html( "<div class='imgWrapper'><img></div>" );

$( ".backgroundPNGAcontain" ).each(function() {
  var url = $( this ).css('background-image');
  url = url.replace(/^url\(["']?/, '').replace(/["']?\)$/, '');
  $(".imgWrapper>img").attr("src", url);
  $( this ).css( "background-image", "none" );
});

<小时/>

只是 $(".imgWrapper>img").attr("src", url); 不会通过正确匹配每个图像来更改源，而是找到最后一个背景图像并将每个图像设置为该图像。

这是一个 fiddle :https://jsfiddle.net/gd29wLu5/

Answer 1

尝试

$('.imgeWrapper').find('img').attr('src','/url');