javascript - 更改所有 child 图像来源

Question

我需要更改 UL 元素中找到的所有图像的 src。我确实有一个 Jquery 库，所以也许这会让事情变得更容易。 HTML 看起来像这样。

<ul id="sortable" class="ui-sortable">
    <li class="ui-state-default">
        <img id="aImg" alt="sortable image" src="images/a.jpg" />
    </li>
    <li class="ui-state-default">
        <img id="bImg" alt="sortable image" src="images/b.jpg" />
    </li>
    <li class="ui-state-default">
        <img id="cImg" alt="sortable image" src="images/c.jpg" />
    </li>
</ul>

将所有图像源重命名为相同文件名并在文件扩展名前添加“-backup”的最快方法是什么？

Answer 1

将回调传递给.attr():

$('ul img').attr('src', function(i, src) {
    return src.replace('.', '-backup.');
});