Looping through JSON data and display them dynamically

Question

I'm looping through JSON data but when I display the data I don't think the quality of the code is good enough, I feel like I'm doing something wrong.

$(function(){
    $.getJSON('data.json', function(data){
        let content = '';

        for(let x in data){
            content += data[x]
        }
        $('.account-image').eq(0).attr('src', data[0].logo)
        $('.account-image').eq(1).attr('src', data[1].logo)
        $('.account-image').eq(2).attr('src', data[2].logo)
        $('.account-image').eq(3).attr('src', data[3].logo)
        $('.account-image').eq(4).attr('src', data[4].logo)
        $('.account-image').eq(5).attr('src', data[5].logo)
        $('.account-image').eq(6).attr('src', data[6].logo)
        $('.account-image').eq(7).attr('src', data[7].logo)
    })
})

Is there a way to loop through the $(.account-image) like the one written above but dynamically?

Gabriele Petrioli · Accepted Answer · 2021-09-10 00:52:37Z

1

How about

$(function() {
  $.getJSON('data.json', function(data) {
    let content = '';

    for (let x in data) {
      content += data[x];
      $('.account-image').eq(x).attr('src', data[x].logo)
    }
  })
})

answered Sep 10, 2021 at 0:52

Gabriele Petrioli

197k35 gold badges275 silver badges331 bronze badges

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

Collectives™ on Stack Overflow

Looping through JSON data and display them dynamically

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