jquery - 从其他网站获取元素到我的 div 中而不删除内容

Question

我有一个 html 页面（comp.html），其中包含一些浮动元素的 div“内容”，并且在我的 div 下我有一个链接。将此链接（#addphoto）推送到我的 div 后，应插入来自另一个页面的 div（来自 box.html 的#photo_content）。我怎样才能做到这一点？

html:

<div class="content clearfix">
     <div class="photo">1</div>
     <div class="photo">2</div>
     <div class="photo">3</div>
     <div class="photo">4</div>
</div>
<a href="#" id="addphoto"></a>

它的CSS：

.content{
     width: 600px;
}
.photo{
     float:left;
     width:150px;
}

请兄弟们帮忙，我在jquery和Ajax方面真的很糟糕

Answer 1

                $.ajax({
                    type: "GET",
                    url: "http://www.google.be",
                    cache: false,
                    success: function(html){
                        $('.content').append(html);
                    }
                });

Answer 2

我想你想要这样的东西：

jQuery代码：

function loadSecond()
{
    $.get('second.html', function(data) {
          $('.content clearfix').html(data);
    });
}

HTML

<div class="content clearfix">
     <div class="photo">1</div>
     <div class="photo">2</div>
     <div class="photo">3</div>
     <div class="photo">4</div>
</div>
<a href="#" id="addphoto" onclick="loadSecond()">Load Second.html</a>