Question

我想知道如何在页面上查找特定图像并将其替换为页面加载时的其他图像。

例如，我在我的网站上有这个：

<img src="/content/public/1472.png">

我想找到这张图片，并在页面加载时使用以下值更改它：

<img src="/content/public/1473.png">

Answer 1

在就绪功能中使用attr()或prop()：

$(function(){
    $('img[src="/content/public/1472.png"]').attr('src', '/content/public/1473.png');
    //$('img[src="/content/public/1472.png"]').prop('src', '/content/public/1473.png');
})

希望这有帮助。

＆＃13;

$(function(){
  console.log('Before : '+$("img").attr('src'));

  $('img[src="http://www.drodd.com/images15/1-4.png"]').attr('src', 'http://www.drodd.com/images15/2-4.png');

  console.log('After : '+$("img").attr('src'));
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="http://www.drodd.com/images15/1-4.png">

＆＃13;

Answer 2

$(function(){
  alert("By default image path is:"+$('img').attr("src"));
  if($('img').attr("src")=="/content/public/1472.png")  //to find the image
    {
  $('img').attr("src","/content/public/1473.png"); 
  alert("changed image src is:"+$('img').attr("src"));
     }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="/content/public/1472.png">

这就是你想要的。

更改图像onload的功能

2 个答案: