.load()将html内容放入循环中的容器中

Question

我有一个容器$('#container'),我想动态地将几个elemtents加载到容器中.我有一个名为subElement.php的php布局.所以我的代码看起来像:

for(i = 0;i<10;i++){
    $('#container').load('subElement.php?id='+i,function(data){});
}

只有一个subElement.php布局加载到容器中.我怎样才能以更好的方式做到这一点？

Answer 1

理想情况下,您应该重写PHP脚本以立即获取所有数据,因此您只需要一个.load.这样做对用户的网络连接来说会更快,更温和.

但是,因为您要求我们使用您所拥有的内容:

for(i = 0;i<10;i++){
    $('#container').append($('<span>').load('subElement.php?id='+i));
}

但是,如果这些<span>元素会破坏你的代码,那么你应该选择像Explosion Pills这样的解决方案.