循环遍历 JSON 数据并动态显示它们

Question

我正在循环通过 JSON 数据，但是当我显示数据时，我认为代码的质量不够好，我觉得我做错了什么。

$(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)
    })
})

有没有一种方法可以像上面写的那样动态循环$(.account-image)？

Answer 1

怎么样

$(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)
    }
  })
})