Javascript 阻止.load（）覆盖我的html？

在我的主html文件中，我尝试加载一些其他带有

id=“contentToLoad”

的html文件。 所有加载的html将附加到my main.html文件中的

id=“allWrapper”

$(function () {
  for(i = 1; i <= 4; i++) {
    $('#allWrapper').load('htmlFile' + i + '.html #contentToLoad', function () {
      $(this).appendTo('#allWrapper')
      //alert('Load was performed.');
    });
  }
});

$（函数（）{
对于（i=1；i这就是load的工作原理，请尝试使用$.get

for (i=1;i<=4;i++)
{
    $.get('htmlFile' + i + '.html', function(data) {
        $(data).find('#contentToLoad').appendTo('#allWrapper') 
        //alert('Load was performed.');
    });
}

for（i=1；i方法的要点是将GET请求中的HTML插入到所选的DOM元素中

您要使用的是该方法，特别是在jQuery文档的第一个示例中如何使用该方法：

$.get('ajax/test.html', function(data) {
  $('#allWrapper').append($(data).find('#contentToLoad'));
});

尝试将其存储到变量中，并将该变量附加到所需的任何容器中

var mycode = $('<div></div>');

mycode.load('htmlFile' + i + '.html #contentToLoad', function() {
    var x = mycode.html();
    $('#allWrapper').append(x);
});

var mycode=$（''）；
mycode.load（'htmlFile'+i+'.html#contentToLoad'，function（）{
var x=mycode.html（）；
$（'#allWrapper'）。追加（x）；
});

试试看。
找到了解决方案，下面是代码：

<script type="text/javascript">

$(function(){

for (i=1;i<=4;i++)
{

    $.get('htmlFile' + i + '.html #contentToLoad', function(data){
      $(data).appendTo('#allWrapper') 
    });

}

});

</script>


$（函数（）{
对于（i=1；我尝试过用你的代码替换我的代码，但仍然不起作用？？不，它不起作用，它仍然覆盖我以前的html并只显示最后一个html文件我尝试过你的方法，但为什么html仍然不显示？但我不确定为什么它会加载我的整个html（元和标题）但是，不要只是#conttentToLoad div…。如果此问题已解决，请选择同样有效的答案。选择一个答案可以让其他人在不阅读评论的情况下快速知道哪个解决方案对您有效。谢谢。