JQuery替换属性中的字符串

Question

我试图在地址的开头更改attr('src')中的字符串，并且在替换之后，它保留后者的信息。 这是html：

<img src="../folder1/folder2/folder3/picture.png" />

<img src="../folder1/folder2/folder3/picture2.png" />

它需要在页面加载后执行此操作，这是我现有的脚本/脚本：

$(document).ready(function(e) {
    // this is one attempt
    $('img').each(function() {
        var src = $(this).attr('src');
        $(this).ready(function() {
            $(this).attr('src', src.replace('../', '/'));
        }, function() {
            $(this).attr('src', src);
        });
    });

    // this is another attempt, not both used at the same time
    $('img').attr('src').replace('../', '/');

    // I also tried this
    $('img').each(function() {
        if($(this).attr('src') == '../') {
            $(this).attr('src', '/');
        };
    });
});

总体目标是产生这样的结果：

<img src="/folder1/folder2/folder3/picture.png" />

<img src="/folder1/folder2/folder3/picture2.png" />

Answer 1

你必须得到当前的src - 更新它，然后重新分配它：

$('img').attr('src', function(index, src) {
    return src.replace('../', '/')
})