我的 html 结构是这样的:
<ul id="something">
<li>
<a href="">
<img src="http://domain.com/directory/file1-128x79.jpg">
</a>
</li>
<li>
<a href="">
<img src="http://domain.com/directory/file2-128x79.jpg">
</a>
</li>
<li>
<a href="">
<img src="http://domain.com/directory/file3-128x79.jpg">
</a>
</li>
</ul>
我正在尝试将文件名从 file#-128x79.jpg 更改为 file#-896x277.jpg。
我不知道如何获取动态生成的文件名并搜索和替换 src 更改。
我找到了用“无”替换整个 src 的方法,以确保到目前为止我做对了,但我不知道如何做其余的事情。
$('#something').removeAttr('id').prop('class', 'some-class').find('img').prop('src', 'none');
最佳答案
您可以替换每个 img
的 src
,方法是首先使用选择器选择所有图像,然后使用 attr
回调到 替换
内容:
$('#something img').attr('src',function(i,e){
return e.replace("-128x79.jpg","-896x277.jpg");
})
关于javascript - 用 jquery 改变 img src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6568424/