javascript - 如何更改 img src 域？

Question

如果有如下HTML代码

<img src="https://example.com/img_01.png">
<img src="https://example.com/img_02.png">
<img src="https://example.com/img_03.png">
<img src="https://example.com/img_04.png">

我想改变这些:

<img src="https://example2.com/img_01.png">
<img src="https://example2.com/img_02.png">
<img src="https://example2.com/img_03.png">
<img src="https://example2.com/img_04.png">

我该怎么做？

Answer 1

您可以使用 replace 更改循环内的 url 以获得新的 url ，如下所示。

$('img').each(function() {
  var newSrc = $(this).attr('src');
  newSrc = newSrc.replace('example', 'example2')
  $(this).attr('src', newSrc);

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img src="https://example.com/img_01.png" />
<img src="https://example.com/img_02.png" />
<img src="https://example.com/img_03.png" />
<img src="https://example.com/img_04.png" />