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

您可以使用main/apps.py在循环内更改replace，以获取新的url，如下所示。

url

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

Answer 2

您可以使用 .attr()

$('img').attr('src',"https://example2.com/img_01.png");
console.log(Array.from(document.querySelectorAll('img')))

<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">

Answer 3

您可以使用jQuery实现此功能：

<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">

JavaScript代码：

$("img").each(img => img.src.replace("example.com", "example2.com"));

Answer 4

您可以尝试这样

var newDOmain = "https://example2.com/";

$('img').each(function(){
  var imgName = $(this).attr('src').split('/').pop();
  $(this).attr('src', newDOmain + imgName);
  $(this).attr('alt', newDOmain + imgName);
})

<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">

Answer 5

如果某天您的网址更改为“ https://example.net/img_01.png”，那么如果您将使用直接字符串替换，则您必须修改代码。因此，为了使您的代码更有效，请使用正则表达式进行此操作。

var domainRegex = /\/{2,}((?:[^\.]+\.)*\w+)\//;
$("img").each(img => {
    img.src = img.src.replace(img.src.match(domainRegex)[1], "example2.com");
});

此正则表达式可以将任何域名替换为您选择的域名。

如何更改img src的doamin？

5 个答案: