javascript - 将香草js转换为jquery

Question

这是我的香草js

fetch("https://gist.githubusercontent.com/nabz123/9bef14fe98f95367887f827c3c5a0906/raw/01869dca62142c5ec0092316436cf3a7ecd7a8ec/topartists.json").then(
    res=>{
        res.json().then(
            data=>{
                var element ="";
                data.forEach((item) => {
                    element += '<div class="xxx"><img class="imgflex" src="' + item.src + '"><p class="imageHead">'
                    + item.name+'</p> <p class="imageText">' + item.plays+ '</p></div>';                  
                });
                document.getElementById("artist_container").innerHTML = element;
                console.log(data);
            }
        )
    }
)

我正在尝试将其转换为以下 jquery

$(_ =>{
    $.getJSON("https://gist.githubusercontent.com/nabz123/9bef14fe98f95367887f827c3c5a0906/raw/01869dca62142c5ec0092316436cf3a7ecd7a8ec/topartists.json")
    ,function(data){
        let element ="";
        data.forEach((item) => {
            element += '<div class="xxx"><img class="imgflex" src="' + item.src + '"><p class="imageHead">'
            + item.name+'</p> <p class="imageText">' + item.plays+ '</p></div>';
        });
        document.getElementById("artist_container").innerHTML=element;
    }
});

我需要帮助修复我的 jquery，谢谢

标签： javascriptjquery

Answer 1

改变

data.forEach((item) => { code });

至

$.each(data, (i, item) => { code });

改变

document.getElementById("artist_container") = element;

至

$("#artist_container").html(element);