在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
  });