用jquery更改img src

Question

我有的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>

我正在尝试将文件名从文件#-128x79.jpg更改为文件#-896x277.jpg.

我不知道如何获取动态生成的文件名并搜索和替换src更改.

我找到了用'none'替换整个src的方法,以确保我到目前为止做到了,但我不知道如何做其余的事情.

$('#something').removeAttr('id').prop('class', 'some-class').find('img').prop('src', 'none');

Answer 1

您可以先使用选择器选择所有图像,然后使用回调内容来替换src每个img图像:attrreplace

$('#something img').attr('src',function(i,e){
    return e.replace("-128x79.jpg","-896x277.jpg");
})

Answer 2

你可以为你的图片标签指定一个id

<img id ="pic" src="http://domain.com/directory/file3-128x79.jpg">

然后在jquery中使用

$('#pic').attr('src', 'file#-896x277.jpg');