在jQuery中将图像SRC转换为背景图像

Question

如何使用jQuery设置图像src

我希望与此jQuery代码片段相反.我需要一些可以转向的代码

<img src="images/filename.jpg">

成为

<div class="imageBox" style="background:url(images/filename.jpg)"></div>

我上下搜索试图找到能够做到这一点的东西,但却空洞了.我不是jQuery大师,所以我很感激有人可以提供任何帮助.谢谢

Answer 1

$("img").each(function(i, elem) {
  var img = $(elem);
  var div = $("<div />").css({
    background: "url(" + img.attr("src") + ") no-repeat",
    width: img.width() + "px",
    height: img.height() + "px"
  });
  img.replaceWith(div);
});

现场演示