在 jQuery 对象中添加 img 的绝对路径

Question

我想从外部站点上的特定 div 中提取一些数据，将 URL 预先附加到 img src 链接，这些链接是相对的，以使其成为绝对值，然后将该 html 放入 div 中。忽略跨站问题...

jQuery(document).ready(function() {
  var $thePage = jQuery('<div>');
  jQuery($thePage).load("https://example.com div.myitem");
  jQuery($thePage).find('img').attr('src', function (i, src) {
    var newsrc = "https://example.com" + src;
    return newsrc;
  });
  jQuery("#testdiv").html($thePage);
});

html 显示在 div 中，但 img 链接没有更新。任何想法将不胜感激！

Answer 1

jQuery.load 是异步的，所以你应该在回调中处理返回的数据。

  jQuery($thePage).load("https://example.com div.myitem", function () {
    // replace stuff here
    // show output on page here
  });