更改所有孩子的图片来源

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