如何设置DIV背景图像css jquery

How to set DIV background-image css jquery?

本文关键字：背景 图像 css jquery DIV 何设置 设置      更新时间：2024-02-24

Motto用于设置/更新（调整）div背景图像。

        $.getJSON("https://itunes.apple.com/search?term=" + searchTerm + '&limit=1' + '&callback=?', 
        function(data) {
        $.each(data.results, function() {
        var art = this.artworkUrl100;
        $('.photo').parent().css('background-image', 'url(' + art + ')');
      }
    }

在HTML上，我有这个：

<div id="results" class="photo"></div>

您将背景图像设置为父元素，而不是.photodiv。

试试这个：

$.getJSON("https://itunes.apple.com/search?term=" + searchTerm + '&limit=1' + '&callback=?', 
    function(data) {
        $.each(data.results, function() {
            var art = this.artworkUrl100;
            $('.photo').css('background-image', 'url(' + art + ')');
        })
});

如果返回多个data.results，则由于您正在使用的$.each循环，因此仅将最后一个用于背景图像。如果您在JSON调用上维护limit=1，那么这不会成为问题。

相关文章：