Jquery 如何从我的API访问嵌套对象并将每个循环中的输出解析为元素

我目前正在更新我的网站，以使用我的新API，但我一直在访问each循环中的嵌套对象。我不知道该如何描述这一点，因为我对ajax json这类东西还不熟悉。也许如果你看看我的API输出和我提出的JS，你会明白我的意思

这是我的代码，没有真正工作

$.ajax({
    url: "https://api.reyfm.de/v3/channel-sequence",
    dataType: 'json',
    success: function(data) {
        rfm.log('Erfolgreich geladen.');
        $.each(data, function(key, value) {
            //COVER
            rfm.log('Coverart CHN' + key + ': ' + value);;
            $("#channel-" + key + " .cover").attr("src", (value));
        });
    },
    error: function() {
        log('Ein Fehler ist aufgetreten: API nicht verfügbar.');
    }
});

---

这是我要从中加载数据的my API:

您的循环错误。更改为：

.each(data, function(key, value) {

致：

另一个错误是选择器中的空格：

$("#channel-" + key + " .cover")
                       ^

在任何情况下，选择“按id”时都不需要任何其他属性。够了：

$("#channel-" + key)

最后一个问题是如何访问元素url：

value.coverurl

而不是：

(value)

您的循环现在是：

$.each(data.channels, function(key, value) {
    $("#channel-" + key).attr("src", value.coverurl);
});

var数据={
“所有听众”：“235”，
“频道”：{
"1": {
“id”：“1”，
“名称”：“原件”，
“侦听器”：“128”，
“艺术家”：“KHALID，6LACK，TY DOLLA$IGN”，
“标题”：“OTW”，
“coverurl:“https:\/\/cdn.reyfm.de\/coverbilder\/khalid6lacktydollaign\u otw.jpg”
},
"2": {
“id”：“2”，
“姓名”：“夜生活”，
“听众”：“7”，
“艺术家”：“卢卡·德波内尔”，
“头衔”：“陌生人”，
“coverurl:“https:\/\/cdn.reyfm.de\/coverbilder\/lucadebonaire\u陌生人.jpg”
},
"3": {
“id”：“3”，
“姓名”：“皇家拉普”，
“听众”：“27”，
“艺术家”：“格林戈，尼莫”，
“标题”：“蓝色泻湖”，
“coverurl:“https:\/\/cdn.reyfm.de\/coverbilder\/gringonimo\u bluelagoon.jpg”
},
"4": {
“id”：“4”，
“名称”：“地下”，
“侦听器”：“1”，
“艺术家”：“柯达黑色”，
“标题”：“隧道视野”，
“coverurl:“https:\/\/cdn.reyfm.de\/coverbilder\/kodakblack\u tunnelvision.jpg”
},
"5": {
“id”：“5”，
“名称”：“hitsonly”，
“听众”：“16”，
“艺术家”：“BEBE REXHA”，
“标题”：“我一团糟”，
“coverurl:“https:\/\/cdn.reyfm.de\/coverbilder\/beberexha\u imames.jpg”
},
"6": {
“id”：“6”，
“名称”：“游戏”，
“听众”：“15”，
“艺术家”：“ZEDD&MAREN MORRIS”，
“标题”：“中间”，
“coverurl:“https:\/\/cdn.reyfm.de\/coverbilder\/zeddmarenmorris\u themiddle.jpg”
},
"7": {
“id”：“7”，
“姓名”：“家庭聚会”，
“听众”：“2”，
“艺术家”：“MURAT SEKER”，
“标题”：“WOLKE 10（MURAT SEKER混音）”，
“coverurl:“https:\/\/cdn.reyfm.de\/coverbilder\/muratseker\u wolke10muratseker\u remix.jpg”
},
"8": {
“id”：“8”，
“名称”：“冷静”，
“听众”：“10”，
“艺术家”：“卢卡斯·格雷厄姆”，
“标题”：“爱某人”，
“coverurl:“https:\/\/cdn.reyfm.de\/coverbilder\/lukasgraham\u lovesomeone.jpg”
},
"9": {
“id”：“9”，
“名称”：“独家”，
“听众”：“4”，
“艺术家”：“像摩根”，
“标题”：“运动中”，
“coverurl:“https:\/\/cdn.reyfm.de\/coverbilder\/likamorgan\u inmotion.jpg”
},
"10": {
“id”：“10”，
“姓名”：“舞厅”，
“听众”：“2”，
“艺术家”：“壁球”，
“标题”：“过敏”，
“coverurl:“https:\/\/cdn.reyfm.de\/coverbilder\/squash\u allergy.jpg”
},
"11": {
“id”：“11”，
“姓名”：“夏日果酱”，
“听众”：“7”，
“艺术家”：“拉泽少校”，
“标题”：“助跑（壮举PARTYNEXTDOOR&NICKI MINAJ）”，
“coverurl:“https:\/\/cdn.reyfm.de\/coverbilder\/majorlazer\u runup.jpg”
},
"12": {
“id”：“12”，
“名称”：“旧学校”，
“听众”：“2”，
“艺术家”：“KID CUDI，MGMT，RATATAT”，
“标题”：“追求幸福”，
“coverurl:“https:\/\/cdn.reyfm.de\/coverbilder\/kidcudimgmtratatat\u pursitofhappiness.jpg”
},
"13": {
“id”：“13”，
“名称”：“mashup”，
“听众”：“4”，
“艺术家”：“DJ LICIOUS”，
“标题”：“我听到你在呼唤（ZONDERLING混音）”，
“coverurl:“https:\/\/cdn.reyfm.de\/coverbilder\/djlicious\u ihearyoucallingzonderling\u remix.jpg”
},
"14": {
“id”：“14”，
“名称”：“图表”，
“听众”：“10”，
“艺术家”：“初级”，
“头衔”：“这些天（杰斯·格林、麦克莱莫尔和丹·卡普伦的壮举）”，
“coverurl:“https:\/\/cdn.reyfm.de\/coverbilder\/rudemental\u thesedays.jpg”
}
}
}
$.each（数据通道、函数（键、值）{
$（“#频道-”+key）.attr（“href”，value.coverurl）；
});

第一频道
第二频道
第三频道
第四频道
第五频道
第六频道
第七频道
8频道
第9频道
第10频道
11频道
第12频道
13频道
您的循环错误。更改为：

.each(data, function(key, value) {

致：

另一个错误是选择器中的空格：

$("#channel-" + key + " .cover")
                       ^

在任何情况下，选择“按id”时都不需要任何其他属性。够了：

$("#channel-" + key)

最后一个问题是如何访问元素url：

value.coverurl

而不是：

(value)

您的循环现在是：

$.each(data.channels, function(key, value) {
    $("#channel-" + key).attr("src", value.coverurl);
});


var数据={
“所有听众”：“235”，
“频道”：{
"1": {
“id”：“1”，
“名称”：“原件”，
“侦听器”：“128”，
“艺术家”：“KHALID，6LACK，TY DOLLA$IGN”，
“标题”：“OTW”，
“coverurl:“https:\/\/cdn.reyfm.de\/coverbilder\/khalid6lacktydollaign\u otw.jpg”
},
"2": {
“id”：“2”，
“姓名”：“夜生活”，
“听众”：“7”，
“艺术家”：“卢卡·德波内尔”，
“标题”：