用完整的URL替换根相对链接

Question

我有一个插件，可以在一个页面中多次使用。每个都包含在具有唯一ID的div中。

div的内容将通过图像接收，其路径需要预先添加不同的域。例如

<div id="mydiv"><img src="/images/somepic.jpg"></div>

我当前的功能确实正确定位图像并修改它们：

jQuery("#mydiv img[src^='/']" ).prop('src',
  function( _idx, oldHref ) {
    return 'http://example.com'+oldHref;
  }
);

然而，它将src设置为http://example.comhttp://thecurrentsite/images/somepic.jpg，即使源是以/开头并且不包含电流。

thecurrentsite URL如何进入prop（）传递的oldHref？

Answer 1

如果您使用attr代替prop，则可行。的 Fiddle

Answer 2

prop将src作为完整路径返回 使用attr代替获取原始路径

check this fiddle，它提醒两个版本：

<img src='test.html'>

$("img").prop("src") => full path
$("img").attr("src") => original relative path