更改所有孩子的图像源

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

Answer 2

试试这个

$("#sortable li img").each(function(){    
   this.src = this.src.replace(".jpg", "-backup.jpg");
});

Answer 3

$('ul li img').each(function() { 
      $(this).attr('src', $(this).attr('src').replace('\.jpg', '-backup.jpg') 
})