更改所有孩子的图像源

Change all children's image source

本文关键字：图像 孩子      更新时间：2023-09-26

我需要更改在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"?

向.attr()传递一个回调:

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

试试这个

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

$('ul li img').each(function() { 
      $(this).attr('src', $(this).attr('src').replace(''.jpg', '-backup.jpg') 
})
相关文章：