How to set DIV background-image css jquery?

Question

Motto is to set/update(ajaxified) a DIV background image.

        $.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 + ')');
      }
    }

On HTML i've this:

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

What is the parent div that you are setting the background image on? Or are you wanting to set the background on the .photo div? — Carlton
– Carlton, Commented Apr 7, 2016 at 23:14

Carlton · Accepted Answer · 2016-04-07 23:20:40Z

2

You are setting the background image to a parent element instead of the .photo div.

Try this:

$.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 + ')');
        })
});

If multiple data.results are returned then only the last be used for the background image due to the $.each loop that you are using. If you are maintaining the limit=1 on the JSON call then this won't be a problem.

answered Apr 7, 2016 at 23:20

Carlton

8486 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to set DIV background-image css jquery?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related