Question

如何将图像（在html中指定）设置为另一个div的背景。到目前为止我有这个

(function ($) {
    var image = $(".filter-content-item").child("img.image-content");
    $(".filter-content-item").css('background-image', 'url(' + image + ')');
})

但它似乎不起作用。

Answer 1

这是因为：

var image = $(".filter-content-item").child("img.image-content");

正在获取JQuery obj，而不是图像路径的字符串。您必须定位具有图片路径的src属性：

var image = $(".filter-content-item").child("img.image-content").attr("src");
$(".filter-content-item").css('background-image', 'url(' + image + ')');

Answer 2

您的图片是一个jQuery对象。因此，您可以使用方法 attr（）

$(".filter-content-item").css('background-image', 'url(' + image.attr('src') + ')');

Answer 3

只是为了添加上面的答案，你已经定义了一个功能，但你还没有执行它。

试试这个：

(function ($) {
    var image = $(".filter-content-item").child("img.image-content");
    $(".filter-content-item").css('background-image', 'url(' + image.attr('src') + ')');
})();

This是一篇描述自动执行匿名函数的好文章。

在jquery中设置背景html图像

3 个答案: