Regexp在文件结束前添加和删除文本

Question

我想改变图像的src.

var string = "/images/myimage.png";

在mouseover上我想添加_hover到myimage("/ images/myimage_hover.png"),在mouseout上我想删除"_hover".

有人有一个很好的正则表达式吗？

谢谢

Answer 1

一个想法:

$('#imageid').hover(function() {
    $(this).attr('src', function(i, val) {
        return val.replace(/^(.+)(\..+)$/, '$1_hover$2');
    });
},
function() {
    $(this).attr('src', function(i, val) {
        // assuming image names don't contain other `_hover` text
        return val.replace('_hover', ''); 
    });
});

更新:还检查其他答案的表达式,有些更复杂;)但使用attr回调是一个很好的方法.