イメージを変更する機能

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'); 
}) 

希望します。

$(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')); 
 
})

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

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

何をしたい、このです。