单击按钮更改img源

Question

当我点击按钮时，我想替换图像src中的数字（例如，从eyes1到eyes2）。

moveRightBtn.on('click', function(){
    var eyesImg = $('#eyesImg').get(0).src;
    console.log(eyesImg) // <--- folder/folder/folder/img/eyes1.png

    //iterate with one (eg. eyes1.png to eyes2.png) and change the src?
}

这样做的最佳方式是什么？

Answer 1

为了扩展pmandell的答案，你也可以保持增量（如果你想做的话）

此外，您的图片似乎有一个眼睛ID，所以我也考虑到了这一点

var counter = 0;

moveRightBtn.on('click', function(){
    $('#eyesImg').attr('src','folder/folder/folder/img/eyes' + counter + '.png');
    counter++
}

修改

这是一个涉及猫的例子。猫总是帮助你 http://jsfiddle.net/alexjamesbrown/6Cve9/

Answer 2

moveRightBtn.on('click', function(){
    $(this).attr('src','new_src_string');
}

Answer 3

moveRightBtn.on('click', function(){
    $(this).prop('src','folder/folder/folder/img/eyes2.png');
}

Answer 4

像这样使用

 var image =  $(this).attr('src');
 //alert(image);
 var newimage = image.replace('1.png','2.png');
$(this).attr('src',newimage );

fiddle

Answer 5

试试这个：

$('#eyesImg').attr('src',$('eyesImg').attr('src').replace('eyes1','eyes2'));