更改所有孩子的图像源

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.');
});