jquery - 在 jQuery 中的 .each() 中使用 .load() 方法不返回所有 html 内容

Question

我试图迭代页面中的超链接列表，从每个超链接页面加载 html 内容并将其附加到当前页面的 div 中。但结果是仅加载并附加其中一个页面的 html 内容到div。我怎样才能达到预期的结果。

这是我试图实现结果的代码片段:

$('th[scope="row"]').children("a").each(function(){
    var url = $(this).attr("href");
    var tempDiv = $('<div id=\"loadedDiv\"></div>').appendTo('.someClass');
    var fullUrl = url+' '+'.tabClass';
    $("#loadedDiv").load(fullUrl);
});

Answer 1

您应该使用loadedDiv 类而不是id，因为id 必须是唯一的。

事实上，一些调整可以使代码更快、更简洁

$('th[scope="row"]>a').each(function(){
    $('<div class=\"loadedDiv\"></div>').load(this.href + ' .tabClass').appendTo('.someClass');
});