Ändern eines Bildes src über jquery

Question

<div id = "current"> 
    <img src = "dog.jpg"> 
</div> 

Mein Versuch Hund zu Hund-small.jpg

$("#left").click(function(){ 
    var $current = $("#current"); 
    $current.children('img').attr('src').replace('.','-small.'); 
    console.log($current.children('img').attr('src').replace('.','-small.')); 
}); 

Konsole druckt zu ändern: dog-small.jpg -> richtige aber das Bild auf das nicht ändert Seite, und wenn ich das Element seiner src prüfen bleibt Hunde small.jpg

Answer 1

Hier können Sie mit einem Beispiel Lösung https://jsfiddle.net/2xacp15m/1/

var updatedSRC = "small-dog.jpg"; 
 

 
$('button').click(function(){ 
 
\t console.log("Old: " + $('#current').find('img').attr('src')); 
 
    $('#current').find('img').attr('src', updatedSRC); 
 
    
 
    console.log("Updated: " + $('#current').find('img').attr('src')); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id = "current"> 
 
    <img src = "dog.jpg"> 
 
</div> 
 

 
<button type="submit"> 
 
    Submit 
 
</button>

gehen zu sein

Answer 2

Sie müssen die neue src als zweiten Parameter übergeben .attr()

$("#left").click(function(){ 
    var $current = $("#current"); 
    var newSrc = $current.children('img').attr('src').replace('.','-small.'); 
    $current.children('img').attr('src', newSrc); 
    console.log($current.children('img').attr('src')); 
});