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

Posted 2023-05-08

【中文标题】循环遍历 JSON 数据并动态显示它们

【英文标题】：Looping through JSON data and display them dynamically

【发布时间】：2021-11-06 14:01:59

【问题描述】：

我正在循环通过 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)？

【参考方案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)
    
  )
)