使用jQuery $ .get和多个外部源

Question

我想加载多个HTML页面的源代码并解析每个页面的一部分，然后获取已解析的部分并将其附加到现有页面上的div。

我还在解析后的数据中添加了一些HTML，这是指向原始页面的链接。

$ .get有效，但指向原始页面的链接始终显示pages数组的最后一个值。我怀疑这是一个时间问题;也就是说，for loop在$ .get可以解析数据之前完成......或其他什么。

    var pages=["coralville.html",
           "mercyHomeHealth.html",
           "mercyInpatient.html",
           "steindler.html",
           "mercyMedicalPlaza.html",
           "iowaCityTowncrest.html",
           "tipton.html",
           "williamsburg.html"];

    var hPageName="";
    for(var i=0;i<=pages.length-1;i++){  
        hPageName=pages[i];    
        $.get(hPageName,function (data) {                   
             $(data).find(".third").each(function(){                        
                  var wPage=$(this).parent().parent().find(".oneCol").find(".hdr").html();
            var nData="<div class='staffLoc'><a href='"+hPageName+"'>"+wPage+"</a></div>"+$(this).html();
                    $("#allPeople").append( "<div class='third'>"+nData+"</div>"  );
             });    
        });         
    }