将.getJSON中的表单附加到子元素

时间:2015-01-12 04:51:54

标签: javascript jquery append getjson

您好我正在使用getJSON获取有关youtube视频的信息,我正试图在我的网站上显示它。

$.each($('section'), function() {
              var video_id = $(this).attr("id");


            $.getJSON('http://gdata.youtube.com/feeds/api/videos/'+video_id+'?v=2&alt=jsonc',function(data,status,xhr){

                 $('.views').append(data.data.viewCount);

                 $('.author').append(data.data.uploader);

                 $('.likes').append(data.data.likeCount);

         }); 

        });

我遇到的问题是数据被附加到每个类。 有什么方法可以将数据仅附加到这个特定的部分。

1 个答案:

答案 0 :(得分:0)

使用findsection DOM元素开始,以避免选择DOM中所有类的元素。

$.each($('section'), function() {
    var video_elem = $(this);
    var video_id = $(this).attr("id");
    $.getJSON('http://gdata.youtube.com/feeds/api/videos/'+video_id+'?v=2&alt=jsonc',function(data,status,xhr){
        video_elem.find('.views').append(data.data.viewCount);
        video_elem.find('.author').append(data.data.uploader);
        video_elem.find('.likes').append(data.data.likeCount);
    }); 
});