如何在 jQuery 中合并 $.load() 函数

Question

我有代码使用主题标签从我的域上的另一个页面提取内容片段来定位正确的 div，如下所示： $('#content').load('http://www.mysite.com/Default .aspx #homeText');

我必须从单个页面中抓取 5 个不同的 div，而不是调用 $.load() 函数 5 次，是否有一种更有效的方法，不需要 5 次不同的调用同一页面。我假设有一种方法可以解析传入页面，但我不确定最好的方法是什么。有什么建议吗？

Answer 1

在这种情况下您可以使用 AJAX。

$.ajax({ 
   url: "http://www.mysite.com/Default.aspx",
   success: function(response){
      var $response = $(response);
      var div1 = $response.find("div1Selector");
      var div2 = $response.find("div2Selector");
      var div3 = $response.find("div3Selector");
      var div4 = $response.find("div4Selector");
      var div5 = $response.find("div5Selector");
   }
});

Answer 2

我从来没有尝试过这样的事情，但你应该能够做这样的事情：

var temp = $('<div></div>').load('http://www.mysite.com/Default.aspx');
temp.find('#homeText');
temp.find('#someOtherDiv');
// etc