循环加载 jquery答案

【问题标题】：Loop with load jquery循环加载 jquery
【发布时间】：2013-05-23 19:22:27
【问题描述】：

我制作了这个脚本。

var arr = $('.siblings-list li').map(function() { return $(this).text() });
for (var i = 0; i < arr.length; i++) {
    $('.main').load(arr[i] + ' .section', function() {

    });
}

有了这个脚本。我得到一个带有 url 的数组，并在主 div 中加载 url 的部分。但我对 jQuery 的加载方法有疑问。现在脚本在主 div 中加载 url 的部分。并删除 div 中的 html。我该如何更改脚本。主 div 中的当前 html 没有被删除？

谢谢

【问题讨论】：

标签： javascript jquery ajax for-loop load

【解决方案1】：

$.get(arr[i]).done(function (html) {
    $(".main").append($(html).find(".section"));
});

但是这有点低效。理想情况下，您将能够通过一个请求返回您需要的所有 HTML（并且仅返回您需要的 HTML）。

【讨论】：

【解决方案2】：

当您使用 .load 时，它会覆盖选择器的完整内容，在这种情况下，每次都会覆盖 .main。

试试

$(".main").append($("<div>").load(arr[i] + ' .section', function() {

看看它是如何工作的？

【讨论】：