更改所有孩子的圖片來源

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