javascript - 如何设置 DIV 背景图像 css jquery？

Question

座右铭是设置/更新(ajax化)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>

Answer 1

您正在将背景图像设置为父元素而不是 .photo div。

试试这个:

$.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，那么这将不是问题。