Question

以下代码只是循环播放生成图像的艺术家列表和每个项目的链接。这是第一次通过循环，但是对于后续迭代，图像周围的wrap()链接似乎没有被添加。我已经尝试了一些不同的方法，包括将所有代码包装在一个单独的变量中，我得到的最好的是链接将被生成，但实际上并没有包含{{1} class（*）。我害怕客户端的事情并不是我的强项，所以我很难理解为什么只有循环的第一次迭代成功地包含在一个链接中。

*那是使用动态生成的属性ID并包装而不是使用class属性，如下所示。

thumb

Answer 1

您是否尝试过使用jQuery .each？还是jQuery .map？

http://jsfiddle.net/m4k5o992/2/

    $(document).ready(function(){

    showArtists();

});
function showArtists() {


    var artists = [

      { 

            id : "1",
            artistThumb: "http://placehold.it/350x150",
            name : "Van Gogh"

        },

  {

            id : "2",
            artistThumb: "http://placehold.it/350x150",
            name : "Some Dude"           

        }   

    ]





    $("#artists").html("");


    $.each(artists, function(index, i){
        console.log(index, i);
        $("#artists").append('<li><a href="#" onclick ="getAlbums(' + i.id + ')"> <span class="artistView">'+ i.name +' </span><img class="thumb" src=' +  i.artistThumb + '"/></a></li>');


    });



}

JQuery wrap（）函数只能通过循环第一次正确地包装图像周围的链接

1 个答案: