javascript - 每次添加时，jQuery clone()将div加倍

我目前正在使用Tumblr API，并尝试附加每个帖子。我想将标题和日期与照片一起发布，以便尝试使用clone（）方法。每次附加一个帖子，它都会加倍。因此，第一篇文章是一张照片，第二篇文章是同一张照片中的两张，第三篇是同一张照片中的四张，依此类推。

这是HTML：

<section class='site-content'>
    <span class="fa fa-bars"></span>
        <div class="tumblr">
            <div class="blog_content">
                <div class="blog_text">
                    <p class="date"></p>
                    <p class="caption"></p>
                </div>
                <div class="blog_media">
                    <img class="blog_photo" src="" />
                    <div class="blog_video">
                    </div>
                </div>
            </div>
        </div>
</section>

这是一个代码片段：

for (var i = 0; i < 10; i++) {

    var type = results.response.posts[i].type;

    if (type === 'photo') {
    var photo = $('.blog_content').clone();
    photo.find('.caption').html(results.response.posts[i].caption);
    photo.find('.date').text(results.response.posts[i].date);
    photo.find('.blog_photo').attr('src', results.response.posts[i].photos[0].original_size.url);
    $('.tumblr').append(photo);
    }

有人可以发现我在犯错吗？

最佳答案

尝试这个

$('.blog_content').first().clone();