JQuery .attr（）没有添加任何属性，但是＆＃34; src＆＃34;

Question

我正在练习JQuery，我想从JSON数据创建一些图像。

我使用了element.attr（attr，value），并且它与 src 属性很好地协作，但无论我能做什么都不添加任何其他属性到我的 img 标签，我不知道为什么。您可以看到我尝试添加一个 id ，但它无法正常工作。

这是我的JS代码：

$.ajax({
url: "http://ddragon.leagueoflegends.com/cdn/7.5.1/data/en_US/champion.json",
type: 'GET',
dataType: 'json',
data: {},
success: function(response){
    var i = 1;
    $.each(response.data, function (champion, infos) {
        $.each(infos, function (infoKey, infoValue) {
            var image = $("<img class='champion-icon'>");
            if(infoKey == "id"){
                image.attr('id', infoValue);
            }
            if(infoKey == "image"){
                image.attr('src', "http://ddragon.leagueoflegends.com/cdn/7.5.1/img/champion/" + infoValue['full']);
                image.appendTo("#champions");
                if(i == 14){
                    $("<br>").appendTo("#champions");
                    i = 0;
                }
                i++;
            }
        });
    })
}

}）;