javascript - 将 .getJSON 内的表单 append 到子元素

Question

您好，我正在使用 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);

         }); 

        });

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

Answer 1

使用find从 section 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);
    }); 
});