在不删除内容的情况下将页面附加或加载到正文中

时间:2016-07-11 06:58:03

标签: jquery

<body>
<div class="container">

<div class="content_1"></div>

<div class="content_2></div>

</div>
</body>

extracontent.html

<div class="content_3">
<ul>
</ul>
</div>

如何将我的html页面附加到body容器而不删除内容?我尝试使用load但它删除了我内部的所有元素。

我的代码

  // $('.container').load('extracontent.html',
  //                            function(){alert('Content Successfully Loaded.')}
  // );

我也尝试使用追加,但它也不会。

// $('.container').append('extracontent.html');

1 个答案:

答案 0 :(得分:4)

使用jQuery.get().append()

$.get('extracontent.html', function(html) {
    $('.container').append(html);
});